0

Гуру CSS помогите! Как выровнять нижний край строки по одной линии во всех ячейках таблицы при разной высоте шрифта? Нужно именно в table не div

.class-all {
  width: 100%;
}

.class-one {
  font-size: 28px;
}

.class-two {
  font-size: 13px;
}

.class-three {
  font-size: 36px;
}
<table class="class-all">
<tbody>
<tr>
  <td class="class-one">AAA</td>
  <td class="class-two">00:00:00 UTC+0</td>
  <td class="class-three">5.5</td>
</tr>
</tbody>
</table>

1
  • 1
    table td { text-align: end; vertical-align: bottom; }
    – eccs0103
    11 фев в 20:00

1 ответ 1

0

Вот сам решил, может кому понадобится, добавил класс class-row для строки

.class-all{
    width: 100%;
}
.class-row {
  line-height: 1;
  vertical-align: text-bottom;
}

.class-one {
  font-size: 28px;
}

.class-two {
  font-size: 13px;
  text-align: right;
}

.class-three {
  font-size: 36px;
  text-align: right;
}
<table class="class-all">
<tbody>
<tr class="class-row">
  <td class="class-one">AAA</td>
  <td class="class-two">00:00:00 UTC+0</td>
  <td class="class-three">5.5</td>
</tr>
</tbody>
</table>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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