dcloudio / dcloudio/uni-app

有些类似阿拉伯字体的文字不能设置从左到右方式显示!

Open
#1,636 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
41.6k
Forks
3.7k
Avg merge
7h 6m
Merged PRs (30d)
6

Description

**问题描述**
我这边有一些类似阿拉伯字体的文字(文字都是从右到左显示的)想显示出来, 但是为了布局上的统一, 我希望他们依旧从左到右显示. 在Chrome上一切没问题, 但是在iOS上的Safari,以及iOS微信里的浏览器显示是从右到左的.
Chrome里在Text标签中增加了`dir="ltr"`问题解决了, 但是iOS那里无论加这个或者在CSS增加`direction: ltr;`来强制从左到右, 依旧没任何作用.

以下为源代码:

**复现步骤**

```


{{Name}}

export default {
data() {
return {
EmployeeNames:
[
"سىناق1",
"سىناق2",
"سىناق3",
"سىناق4"
],
}
},
components: {},
methods: {
hhsf(idx) {

}
},
mounted() {

}
}

.kjhgder {
padding-left: 30upx;
}

.kjhggdert {
border-radius: 20upx;
font-size: 26upx;
padding: 6upx 20upx;
background: #F2F2F2;
color: #666;
margin-right: 20upx;
margin-bottom: 20upx;
direction: ltr;
}

```

**预期结果**
预期结果是Chrome显示一样, 如图:
![Chrome](https://user-images.githubusercontent.com/3822799/81043152-4df7e200-8ee4-11ea-8b80-9aaf2c19766e.png)

**实际结果**
实际结果, iOS却无法控制文字方向, 依旧从右到左显示, 如图:
![iOS safari](https://user-images.githubusercontent.com/3822799/81043182-5f40ee80-8ee4-11ea-94e9-96217283f49a.PNG)

**系统信息:**
- 发行平台: H5
- 操作系统 iOS 13.4.1
- HBuilderX版本 2.6.16.20200424
- uni-app版本 HBuilderX最新下载
- 设备信息 iPhone7

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.