Выравнивание по правому краю и текст выравнивания по левому краю в той же ячейке HTML-таблицы
У меня есть ячейка в HTML <table>. Я хотел бы, чтобы часть содержания ячейки была оставлена выровненной по ширине и часть, чтобы быть выровненной по правому краю. Действительно ли это возможно?
6 ответов
Если вы хотите, чтобы они на отдельных линиях делают то, что сказал Балон. Если вы хотите их по той же линиям, делаете:
<td>
<div style="float:left;width:50%;">this is left</div>
<div style="float:right;width:50%;">this is right</div>
</td>
Можно использовать что-то вроде:
<td>
<div style="float:left;width:49%;text-align:left;">this is left</div>
<div style="float:right;width:49%;text-align:right;">this is right</div>
</td>
Стиль 49% - это дать некоторое пространство для рендера, чтобы обернуть вещи вокруг себя.
И вы можете использовать либо
td стиль не нужен, но облегчит просмотр этого примера в браузере
<table>
<tr>
<td style="border: 1px solid black; width: 200px;">
<div style="width: 50%; float: left; text-align: left;">left</div>
<div style="width: 50%; float: left; text-align: right;">right</div>
</td>
</tr>
</table>
Это возможно, но как зависит от того, что вы пытаетесь выполнить. Если это так:
| Выровненный на левом правом выровнете | В одной ячейке вы можете использовать плавающие девсы внутри тега TD:
<td>
<div style='float: left; text-align: left'>Left-aligned</div>
<div style='float: right; text-align: right'>Right-aligned</div>
</td>
, если это
|. Выровненный левый
Выровнены вправо |
Тогда решение Balon является правильным.
Если это: |. Выровнены на левом классе | Выравнивается с правым выравниванием |
Тогда это:
<td align="left">Left-aligned</td>
<td align="right">Right-Aligned</td>
Вы имеете в виду вот так?
<!-- ... --->
<td>
this text should be left justified
and this text should be right justified?
</td>
<!-- ... --->
Если да
<!-- ... --->
<td>
<p style="text-align: left;">this text should be left justified</p>
<p style="text-align: right;">and this text should be right justified?</p>
</td>
<!-- ... --->
конечно, но нужно обернуть эти "блоки" в отдельные теги и применить к ним выравнивание.