如何使表格中换行后的阿拉伯语文本均右对齐？

方法一：用块级元素替代行内元素+换行符 #

将<span>替换为<div>，<div>作为块级元素会自动继承<td>的右对齐属性，且每个元素独占一行：

<td align="right">
  <div>${arabicLabels.DVD_NAV}</div>
  <div>${arabicLabels.SCREEN}</div>
</td>

方法二：给span设置块级显示样式 #

保留<span>标签，通过display:block让每个span占满<td>宽度，从而继承右对齐：

<td align="right">
  <span style="display:block;">${arabicLabels.DVD_NAV}</span>
  <span style="display:block;">${arabicLabels.SCREEN}</span>
</td>

方法三：用CSS类统一控制（推荐） #

如果需要多处复用样式，定义CSS类后绑定到span上：

.rtl-block {
  display: block;
  text-align: inherit; /* 继承父元素td的对齐方式 */
}

<td align="right">
  <span class="rtl-block">${arabicLabels.DVD_NAV}</span>
  <span class="rtl-block">${arabicLabels.SCREEN}</span>
</td>

补充说明 #

原代码中<br>仅实现换行，但<span>是行内元素，若页面存在其他样式干扰，可能导致换行后的span无法完全继承<td>的右对齐。改用块级元素后，每个元素会独立占据一行并自动撑满<td>宽度，确保文本始终右对齐，同时适配阿拉伯语这类RTL（从右到左）语言的排版需求。

内容的提问来源于stack exchange，提问作者netsuite-mystery