仅使用 css 在文本中设置位置波斯字母
Set position Persian letter in text only with css
我有这样的文字:
我想在 div
中显示此文本 (36 و 534 12
)
如果为div设置direction: rtl
,文本显示如下
如果为div设置direction: ltr
,文本显示如下
如何仅使用 css 在 div 中像第一张图片一样显示此文本?
您可以使用方向性标记
对于 LTR:‎
对于 RTL:‏
这是我唯一能让他站起来的方法
<div style="direction: rtl">‎534 12<span> و </span>36</div>
<div style="direction: rtl">‎534 12 و ‏36</div>
<div style="direction: rtl">After text <div style="display: inline;">‎534 12 و‏36</div> Before text</div>
使用 left-to-right 标记应该可以解决问题。
<div>36 و‎ 534 12</div>
与 54ka 的回答相同,但即使删除 span 也能正常工作,无论如何......
你能解释一下你为什么使用方向性标记吗:)
<div style="direction: rtl">‎534 12 و 36</div>
<div style="direction: rtl">‎534 12 و 36</div>
如果 36 和 534 12 是不同的部分,您可以使用单独的元素进行样式设置。
我有这样的文字:
我想在 div
中显示此文本 (36 و 534 12
)
如果为div设置direction: rtl
,文本显示如下
如果为div设置direction: ltr
,文本显示如下
如何仅使用 css 在 div 中像第一张图片一样显示此文本?
您可以使用方向性标记
对于 LTR:‎
对于 RTL:‏
这是我唯一能让他站起来的方法
<div style="direction: rtl">‎534 12<span> و </span>36</div>
<div style="direction: rtl">‎534 12 و ‏36</div>
<div style="direction: rtl">After text <div style="display: inline;">‎534 12 و‏36</div> Before text</div>
使用 left-to-right 标记应该可以解决问题。
<div>36 و‎ 534 12</div>
与 54ka 的回答相同,但即使删除 span 也能正常工作,无论如何...... 你能解释一下你为什么使用方向性标记吗:)
<div style="direction: rtl">‎534 12 و 36</div>
<div style="direction: rtl">‎534 12 و 36</div>
如果 36 和 534 12 是不同的部分,您可以使用单独的元素进行样式设置。