Подскажите как нарисовать простейшую таблицу на css 3x3 колонки
Подскажите как нарисовать простейшую таблицу на css 3x3 колонки
.block{
width: 33.33%;
background: #fff;
border: 1px solid #dfdfdf;
}<div class="block">...</div><div class="block">...</div><div class="block">...</div><br>
<div class="block">...</div><div class="block">...</div><div class="block">...</div>Как то так:
.row:after{
content: '';
clear: both;
width: 100%;
}
.col-1, .col-2, col-3, col-4{
float: left;
}
.col-1{
width: 25%;
}
.col-2{
width: 50%;
}
.col-3{
width: 75%;
}
.col-4{
width: 100%;
}<div class="row">
<div class="col-1">1</div>
<div class="col-1">2</div>
<div class="col-1">3</div>
<div class="col-1">4</div>
</div>
<div class="row">
<div class="col-1">1</div>
<div class="col-1">2</div>
<div class="col-1">3</div>
<div class="col-1">4</div>
</div> попробую оба варианта , спасибо , может кто еще подкинет вариант с display:table ? ![]()
# Нектарин (13.04.2017 / 20:29)по мне это самый напрашивающийся вариант, пример сам в гугле можешь найти
попробую оба варианта , спасибо , может кто еще подкинет вариант с display:table ?
все сделал , тема исчерпана , всем спасибо за помощь ![]()
почему никто display: table; не предложил ?
по сути та же таблица только чисто на css
Crack, возможно потому что есть html тег table )
Delphinum, да есть, автор попросил чисто на css
а аналог таблицы на css это и есть display: table;
имхо конечно
Crack, подозреваю что автор делает что то не то