Вопросы Теги

Выровнять текст в таблице HTML

Я столкнулся с такой же проблемой. Копаясь в исходном коде, они используют compactPrint, который кажется прекрасным. Я не знаю, в какой момент это происходит с кавычками

0
задан Abhishek Pandey 21 February 2019 в 07:08
поделиться

2 ответа

По умолчанию тег span является встроенным элементом, он не принимает ширину. Вам нужно изменить тег span, чтобы заблокировать элемент метки, используя display или float. проверьте обновленный фрагмент ниже ... 

td span {
  display: inline-block;
  width: 47%;
}
<table border="1" width="100%">
<thead>
<tr>
    <th width="50%">Name</th>
    <th width="50%"><span style="width: 50%;text-align: left;">Price</span> / <span style="width: 50%;text-align: right;">Einheit</span></th>
</tr>
</thead>
<tbody>
<tr>
    <td>Name1</td>
    <td><span style="text-align: right;">1000</span> / <span style="text-align: left;">Hour</span></td>
</tr>
<tr>
    <td>Name2</td>
    <td><span style="text-align: right;">250.50</span> / <span style="text-align: left;">Day</span></td>
</tr>
</tbody>

0
ответ дан Super User 21 February 2019 в 07:08
поделиться

На самом деле, вам не нужен ни один интервал, поскольку ни один из них не был выполнен.

цена / Einheit была центрирована только, так как это значение по умолчанию для тега th

Итак, чтобы выровнять ячейку под ней, вы можете просто кодировать td style = "text-align: center "

и если вы хотите выровнять все ячейки по центру

table style =" text-align: center "

0
ответ дан Shehab soliman 21 February 2019 в 07:08
поделиться