Таблица на чистом css как реализовать?

Последняя активность

Файлы топика

637

Нектарин

13 апр 2017 г., 20:13

Подскажите как нарисовать простейшую таблицу на css 3x3 колонки

Прикрепленные файлы:

254

(9.56 KB)

img_20170413_200746.jpg

PaRtiZzaN

13 апр 2017 г., 20:21

¯\_(ツ)_/¯

.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>

Должно получиться, сам не пробовал. Тут в форме написал

Delphinum

13 апр 2017 г., 20:22

Как то так:

.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>

Нектарин

13 апр 2017 г., 20:29

попробую оба варианта , спасибо , может кто еще подкинет вариант с display:table ?