排列显示阿拉伯语、数字及英文时的处理方法

最新推荐文章于 2024-08-26 10:27:07 发布

SZ_FED

最新推荐文章于 2024-08-26 10:27:07 发布

阅读量4.9k

点赞数 2

分类专栏： web前端开发技术文章标签： javascript css jquery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/llq886/article/details/114014775

版权

在开发沙特阿拉伯网站时，遇到了阿拉伯语、数字和英文混合显示语序混乱的问题。通过设置HTML的dir属性或CSS的direction样式，可以调整文字显示顺序。dir='ltr'用于从左到右的文本，dir='rtl'适用于从右到左的阿拉伯语，而direction样式也能达到类似效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这段时间参与开发沙特阿拉伯的网站模板，模板使用的语言是阿拉伯语，其显示顺序为从右到左，而中文、数字及英文的显示顺序为从左到右，所以当遇到一行文字内既有阿拉伯语又有数字和英文时会出现语序混乱的问题，如

期待显示的文案为：
在这里插入图片描述
按顺序写入，对应的代码如以下，其中currency_pay为变量，值为356SAR

<span>الدفع الفعلي：{
   {
   currency_pay}}</span>

显示为

الدفع الفعلي : 356SAR

金额356和货币符号SAR分开了，这样显示是不正确的

试着调整阿语和数字英文的位置，

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。