Выровнять по правому краю и выравнивать текст в одной ячейке таблицы HTML

Ответ 1

Если вы хотите, чтобы они на отдельных линиях делали то, что сказал Балон. Если вы хотите, чтобы они были на тех же строках, выполните следующие действия:

<td>
  <div style="float:left;width:50%;">this is left</div>
  <div style="float:right;width:50%;">this is right</div>
</td>

Ответ 2

Возможно, но как зависит от того, что вы пытаетесь выполнить. Если это так:

| Выравнивание по левому краю       Выравнивание по правому краю | в одной ячейке, вы можете использовать плавающие div внутри тега td:

<td>
<div style='float: left; text-align: left'>Left-aligned</div>
<div style='float: right; text-align: right'>Right-aligned</div>
</td>

Если это | Выровненный слева
                                                                 

Тогда решение Балона верное.

Если это: | Выравнивание по левому краю       Right-Aligned |

Тогда это:

<td align="left">Left-aligned</td>
<td align="right">Right-Aligned</td>

Ответ 3

Я придумал это, пытаясь понять, как отображать валюту ('$' слева, номер справа) в ячейках таблицы:

<div class="currency">20.34</div>

.currency {
   text-align: right;
   width: 100%;
}

.currency:before {
   content: "$";
   float: left;
}

Ответ 4

Вы имеете в виду это?

<!-- ... --->
<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>
<!-- ... --->

Ответ 5

td style не требуется, но упростит просмотр этого примера в браузере

<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>

Ответ 6

Ответ Tor Valamo с небольшим вкладом формирует мою сторону: используйте атрибут "nowrap" в элементе "td", и вы можете удалить спецификацию "ширина". Надеюсь, что это поможет.

<td nowrap>
  <div style="float:left;">this is left</div>
  <div style="float:right;">this is right</div>
</td>

Ответ 7

конечно, но вам нужно обернуть эти "блоки" в отдельные теги и применить выравнивание к ним.

Ответ 8

Вы можете использовать что-то вроде:

<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% должен предоставить некоторую возможность для средства визуализации обернуть вещи вокруг.

И вы можете использовать либо <div>, либо <span>