Css bootstrap div width имеет десятичное значение

со следующими html структура, My Content div имеет десятичную witdh (например, 319.98px width) в некоторых видовых экранах.Css bootstrap div width имеет десятичное значение

Обертка имеет max-width: 960px.

HTML

<div class="container"> 
    <div class="row"> 
    <div class="wrapper"> 
     <div class="row"> 
     <div class="col-sm-4"> 
     My content 
     </div> 
     </div> 
    </div> 
    </div> 
</div>

Как избежать десятичную ширину здесь?

источник

2016-11-21 xhallix

из памяти начальной загрузки использует процент на основе ширины, со статическими ржавчинами. Проблема в том, что существует предел длительности повторяющегося процента (для сани ради) '0.33333 ...' или '1/3'. Поэтому '960 * 0.33333 ...', скорее всего, приведет к не совершенному целому числу. Есть ли причина, по которой десятичное значение является проблемой? – haxxxton

A. 'Как избежать десятичной ширины здесь' Почему? B. Дайте ширину исправления родительского div ('row'), которая делится на 3. –

использовать' calc() ': I.e. 'calc (99%/3)' будет вычислять выражение и округлять результат. – Banzay

Вы можете удалить десятичную ширину с JavaScript/JQuery и горизонтально выровнять "Содержимое" Div с помощью CSS

JQuery

var my-content-width = $('.my-content').width(); // get width of content 

width = width.round(); // remove decimal

CSS

.my-content { 
    margin: 0 auto; 
}

источник

2016-11-21 10:05:56 Arshmeet

Css bootstrap div width имеет десятичное значение

ответ

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