0

Как сделать равные ячейки таблицы?

Таблица сделана с помощью Bootstrap'а. Но меня не устраивает, что поле с датой занимает так много места, как сделать эту ячейку меньше или как сделать все ячейки одинакового размера?

Таблица

1
  • 1
    Добавьте в вопрос разметку, которую вы написали
    – yspesny
    3 июн 2022 в 1:52

1 ответ 1

0

В общем случае, один из вариантов - это подробить колонки свойством width на равные части при помощи процентоного соотношения. А вообще, способов много. И на будущее, при подобных вопросах, предоставляйте имеющийся у вас код, который формирует таблицу, а не просто шлите скриншот. Тогда вам точнее смогут помочь и вам будет намного проще применить это решение к своему проекту.

<!DOCTYPE html>
<body>

  <table class="table1" border=1>
    <th>#</th>
    <th>Дата</th>
    <th>Монета</th>
    <th>Кол-во</th>
    <th>Цена</th>

    <tr><td>1</td><td>какая то дата</td><td>BTC</td><td>2.0</td><td>2.0</td></tr>
    <tr><td>2</td><td>еще какая то дата</td><td>ETH</td><td>0.0003</td>27.34</tr>

  </table>

  <style media="screen">
    .table1 {
      width: 100%;
    }
    .table1 th, td {
      width: 20%;
      text-align: left;
    }
  </style>

</body>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.