css 我怎样才能保留TD最右边的内容而不是最左边的内容?

r8xiu3jd  于 2022-12-30  发布在  其他
关注(0)|答案(1)|浏览(134)

我有一个TD,它的内容通常比TD宽,text-align为right,overflow-x为hidden,它显示的是内容的最左边部分。
为了便于讨论,我们假设单元格内容是“ABCDEFGHIJKLMNOPQRSTUVWXYZ”,TD将显示带有隐藏溢出x的六个字符。
现在显示“ABCDEF”。
如何显示“UVWXYZ”?

wqsoz72f

wqsoz72f1#

您可以使用direction: rtl

td {
  border: 1px solid black;
  max-width: 70px;
  overflow-x: hidden;
  direction: rtl;
  /*text-align: right;*/
}
<table>
  <tr>
    <td>ABC</td>
    <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
  </tr>
</table>

相关问题