gpt4 book ai didi

css - 如何在 Chrome/Firefox/IE/Edge 的 svg 文本元素中正确显示 RTL 文本后跟数字?

转载 作者:行者123 更新时间:2023-11-28 15:19:31 25 4
gpt4 key购买 nike

以下代码按预期在 Chrome/Firefox 而非 IE/Edge 上显示 RTL 文本。我想让它从x坐标开始,向左增加

<text x="300" y="10" style="direction: rtl;">מאי - יוני 2016</text>
  • 如果我应用 text-anchor: end - 文本在 IE/Edge 中与数字重叠,但在 Chrome/Firefox 中从 x 坐标向右显示

https://jsfiddle.net/blteblte/ru7xzydv/2/

是否有任何统一的方法至少可以满足最流行的浏览器?

最佳答案

添加 dir 属性并在 SVG 的文本元素中添加“rtl”作为值以在 IE/Edge 中显示 RTL 文本。

检查更新代码的链接: https://jsfiddle.net/ru7xzydv/3/

关于css - 如何在 Chrome/Firefox/IE/Edge 的 svg 文本元素中正确显示 RTL 文本后跟数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46485829/

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