Как разделить div на 6?

0

Есть ли собственный способ разделить div на 6 разных частей, как если бы это была таблица с 6 столбцами одинакового размера (но я не хочу, чтобы это была таблица)? (native = нет плагинов)

    <div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div> 
        <div></div> 
    </div>

Я не хочу, чтобы у них была ширина: 16,66%, потому что размер браузера никогда не заполняет пространство ширины. (общий процент составит 99,96%)

  • 0
    Используйте поплавки и процентную ширину.
Теги:

2 ответа

2
Лучший ответ

Если вы хотите избежать такой структуры, как bootstrap, а не использовать только два десятичных знака, используйте более высокую точность, такую как 16.66666666666667% (как и bootstrap).

Поделиться
3

Используйте сетевую систему твитер-бутстрап или аналогичные сетевые системы.

Ссылка для загрузки: http://getbootstrap.com/

Ex. для бутстрапа Google:

<div class="row">
    <div class="col-md-2">1</div>
    <div class="col-md-2">2</div>
    <div class="col-md-2">3</div>
    <div class="col-md-2">4</div>
    <div class="col-md-2">5</div>
    <div class="col-md-2">6</div>
</div>

Родной метод (я не рекомендую это), делая div "table like":

<div style="display: table;">
    <div style="display: table-row;">
        <div style="display: table-cell;">1</div>
        <div style="display: table-cell;">2</div>
        <div style="display: table-cell;">3</div>
        <div style="display: table-cell;">4</div>
        <div style="display: table-cell;">5</div>
        <div style="display: table-cell;">6</div>
    </div>
</div>
Поделиться
  • 2
    Я думаю, что " (native = no plugins) " означало, что он или она хочет избежать использования чего-то вроде начальной загрузки?
  • 1
    Я забыл опубликовать вторую часть ответа, это делает таблицу div похожей.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню