如何將第二個跨度文本向右對齊？第一個跨度已經對齊，但在換行后第二個跨度從左側開始
<td align="right">
<span>${arabicLabels.DVD_NAV}</span> <br />
<span>${arabicLabels.SCREEN}</span>
</td>
輸出：
我希望兩個跨度都正確對齊。圖中有一個TR和兩個TD，左邊是英文，右邊是阿拉伯文。我們關心上面提到的正確的TD。
uj5u.com熱心網友回復：
使用 direction物業
direction您可以通過將屬性設定為rtl（從右到左）來實作此目標。
.right{
direction: rtl;
}<table>
<tr>
<td class="left">
<span>DVD_NAV</span> <br>
<span>SCREEN</span>
</td>
<td class="right">
<span>?..............???????</span><br>
<span>??? ????</span>
</td></tr>
</table>uj5u.com熱心網友回復：
您可以簡單地將text-align樣式屬性設定為right. 但是，阿拉伯語是一種從右到左的語言（我認為這就是您希望它右對齊的原因）并且應該相應地設定樣式，direction: rtl;從而自動正確對齊。
.arabic {
direction: rtl;
}<table>
<tr>
<td>
<span>DVD_NAV</span><br>
<span>SCREEN</span>
</td>
<td class="arabic">
<span>DVD_NAV</span><br>
<span>SCREEN</span>
</td>
</tr>
</table>uj5u.com熱心網友回復：
不清楚你在問什么，但 flex 是定位元素的好方法
#t1{
display:flex;
flex-direction:column;
text-align:right;
}<table>
<tr>
<td id='t1'>
<span>DVD_NAV</span>
<span>SCREEN</span>
</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>
test
</td>
<td>test</td>
<td>test</td>
</tr>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/526174.html
標籤：htmlhtml表