Home / Questions / 40610
Accepted
El Cóndor
Asked: 2020-12-23 12:17:30 +0800 CST 2020-12-23 12:17:30 +0800 CST

Как настроить высоту строки в таблице HTML?

  • 772

У меня есть следующий код htmlдля создания таблицы, я привел его в качестве примера, я хочу, чтобы строки моей таблицы выглядели шире (если это работает), а те же строки выглядели выше (это не работает), делаю некоторые исследования Я нашел то, что Далее:

Атрибут heightработает не во всех браузерах, и его использование не получило широкого распространения. Ячейки обычно имеют высоту, необходимую им для размещения всего вставленного содержимого, то есть они вырастают достаточно, чтобы вместить то, что мы поместили внутрь.

Могу ли я делать то, что хочу, прямо в HTMLили это нужно делать с помощью CSS?

  <table>
      <tr style="width:130%; height:150%;">
        <td>Enero</td>
        <td>$100</td>
      </tr>
      <tr>
        <td>Febrero</td>
        <td>$80</td>
      </tr>
    </table>
html

2 Answers

  1. Best Answer

    Для этого используйте:

    • min-width (для ширины)
    • высота (что дает вам фактическую высоту)
    • min-height (минимальная высота)
    • max-height (максимальная высота)

    .headt td {
  min-width: 235px;
  height: 100px;
  background-color: #433;
}

table {
  color: #4ef;
}
    <table>
  <tr class="headt">
    <td>Enero</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Febrero</td>
    <td>$80</td>
  </tr>
</table>

    Примечание. Вы не можете использовать проценты, потому что, говоря так, у него parent elementдолжна быть явная высота, а у него нет.

    • 6

  2. С помощью CSS вы можете использовать height, для указания высоты.

    Пример:

    table {
  border: 1px solid #000;
  border-collapse: collapse;
}
table td {
  border: 1px solid #000;
  text-align: center;
  padding: 5px;
  /* Alto de las celdas */
  height: 70px;
}
    <table>
  <tr>
    <td>Enero</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Febrero</td>
    <td>$80</td>
  </tr>
</table>

    Примечание : min-heightи max-heightнаносимые непосредственно на себя tdне действуют, так как согласно specэффекту на них не определяется:

    В CSS 2.1 влияние «минимальной высоты» и «максимальной высоты» на таблицы, встроенные таблицы, ячейки таблицы, строки таблицы и группы строк не определено .

    • 3