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

У меня есть следующий код 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>
3
задан 26.04.2017, 18:09
2 ответа

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

  • min-width (для ширины)
  • height (который дает тебе реальную высоту)
  • 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 будь должен иметь ясную высоту, которой у него нет.

4
ответ дан 24.11.2019, 11:54

С CSS podrГ-схвати использовать 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 не функционируют, так как segГєn spec эффект на этих не определен:

In CSS 2.1, the effect of 'min-height' and 'max-height' on tables, inline tables, table cells , table rows, and row groups is undefined .

3
ответ дан 24.11.2019, 11:54
  • 1
    Спасибо твой ответ очень хороший – El Cóndor 22.12.2016, 22:55