gpt4 book ai didi

html - 如何在表中设置rtl?

转载 作者:太空宇宙 更新时间:2023-11-04 05:50:13 25 4
gpt4 key购买 nike

在我的 CSS 中,我使用:

body {
font-weight: 300;
direction: rtl;
margin: 0;
}

我也在 html 中使用:

<body dir="rtl">

我有一个这样的表 Bootstrap 表:

<table align="center" class="table table-striped table-responsive-sm table-bordered">
<tbody>
<tr>
<td style="width: 25%">کد عضویت</td>
<td>426075</td>
</tr>
<tr>
<td>نام</td>
<td>سوسن</td>
</tr>
</tbody>
</table>

但是无论我使用 rtl,我所有的文章仍然是左对齐而不是右对齐。完整的源代码笔和页面 View 位于:https://codepen.io/joehark/pen/yLLeyoG

我犯了什么错误以及如何右对齐我的表格文字?我还需要class="text-justify"吗?在每个 <td> 内?如果是,那么该 rtl 设置的目的是什么?

最佳答案

direction:rtl 是不够的,因为它会影响 block 元素的对齐:

The property sets the base text direction of block-level elements and the direction of embeddings created by the unicode-bidi property. It also sets the default alignment of text, block-level elements, and the direction that cells flow within a table row. Unlike the dir attribute in HTML, the direction property is not inherited from table columns into table cells, since CSS inheritance follows the document tree, and table cells are inside of rows but not inside of columns.

MDN

使用:td {text-align: right; direction: rtl;} 以便在表格的 td 上设置右对齐文本。

关于html - 如何在表中设置rtl?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58347118/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com