Ошибка рендеринга хрусталя встроенного блока

Так что мне нужно разместить много входов внутри div, и они должны выполнить div.Ошибка рендеринга хрусталя встроенного блока

В светлячок, используя встроенный блок работает нормально, но в хром имеет странное поведение, как можно увидеть в plunker: Plunker

.cl { 
    font-size: 11px; 
    font-family: monospace; 
    background: black; 
    width: 50px; 
    height: calc(14.24px); 
    display: block; 
    border: 0 !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    outline: 0 !important; 
    outline-offset: 0; 
    outline: 0; 
}

Кто-нибудь знает, что исправление?

источник

2016-10-26 AMagyar

Я поставил еще один DIV с блоком индикации входы для сравнения. – AMagyar

'height: calc (14.24px);' не имеет смысла, напишите 'height: 14.24px;'. Потому что 'calc()' является функцией для выполнения вычислений с разными единицами (например, 'calc (100% - 24px)' –

Я знаю, что calc (fixed px) не имеет смысла, я просто пытался что-то и забыл откат это изменение – AMagyar

Просто введите vertical-align: top; или любые другие vertical-align значение для ваших inline-block элементов.

Кроме того, calc(14.24px) не имеет никакого смысла, просто использовать height: 14px;
Кроме того, избегайте использования !important (практически нет причин, чтобы использовать его, если ваш CSS хорошо структурирован)

источник

2016-10-26 11:16:18

Я вижу, что с 14px отлично работает, почему я не могу использовать 14.24px? – AMagyar

@AMagyar вызывают пиксель - это пиксель. –

В блочном отображении он работает. – AMagyar

Ошибка рендеринга хрусталя встроенного блока

ответ

Смежные вопросы