我需要在 TD 中有几个元素,并且这个 td 大小最多为表格的 %50,并且每一行都应该向左对齐,但最大的文本应该“接触”表格的右侧。
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="line-height: 20px; width: 49%;">
<span style=" color: #FF00FF !important; font-size: 12pt; font-weight: bold;">Text First Cell
</span>
</td>
<td style="width: 50%; text-align: right;">
<span name="span1" style="float: left; width: 100%;">
<span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span>
</span>
<span name="span2" style="width: 100%; float: left;">
<span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell
</span>
</span>
</td>
</tr>
</tbody>
</table>
我几乎可以做到这一点,但我无法将文本“Text1 Second Cell Larger Text”和“Text2 Second Cell”左对齐。
有任何想法吗?另外,如果有更好的方法可以做到这一点,我很想知道!