Действительно странно.
У меня есть элемент Div, который содержит счетчик, используя FlipClock.js
Справа от него есть какой-то запас, который я не могу переопределить в CSS.
Независимо от того, как я отношусь к элементу (встроенный стиль в инструментах или сам CSS, я не могу избавиться от него, и он подталкивает другой контент).
Вам понадобится F12 и выберите Div, у которого есть класс «флип-часы-обертка флекса».
Вы заметите, что выделение на нем показывает вам, что требуется дополнительное пространство, как если бы ему была назначена разница. Вот скрипку, в котором плагин и оригинальный CSS расположены:
FIDDLE
HTML:CSS - не удалось отключить поле для DIV, сгенерированное FlipClock.JS
<td>
<div class="fclock"></div>
</td>
CSS переопределение:
.fclock {
transform-origin: 0 0;
transform: scale(.30);
-ms-transform: scale(.30);
-webkit-transform-origin: 0 0;
-webkit-transform: scale(.30);
-o-transform-origin: 0 0;
-o-transform: scale(.30);
-moz-transform-origin: 0 0;
-moz-transform: scale(.30);
}
JS:
var currentDate = new Date();
// Set some date in the future. ***change to desired date***
var futureDate = new Date(2016, 07, 30, 08, 0, 0); //fixed as per comments
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime()/1000 - currentDate.getTime()/1000;
var clock = $('.fclock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true
});
У CSS есть вещь, называемая «специфика». Вы должны больше узнать об этом в W3Schools или MDN. Я предполагаю, что ваш селектор не так специфичен, как библиотека. Или библиотека переопределила вашу, потому что она была объявлена позже или использовала '! Important'. –
Вы заглянули в Скрипку? Попробуйте сыграть с ним и посмотреть, что вы думаете после. У меня есть. –
Извините. Я не видел этого сначала, потому что предположил, что вы попробовали «margin: 0»? Я не вижу, чтобы ваш код надеялся отключить маржу. –