css文本两端对齐text-algin:justify兼容IE写法

p{
	text-align:justify;  //chrome和firfox都能生效,ie下不生效,包括最高版本
	text-justify:inter-ideograph;  //兼容IE(只有ie下才能用)
}

在谷歌和火狐下只需要写text-align:justify;就可以了,但是在IE下需要把两个都写上才能生效。

text-justify:inter-ideograph;相当于IE的私有属性,必须配合text-align:justify;才能生效。

所以保险起见,还是两者都写上。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用uni-table的slot来自定义表格的展示方式。具体实现方法如下: 1. 使用uni-table的slot属性,创建一个新的template,例如: ``` <uni-table border stripe emptyText="暂无更多数据"> <!-- 表头行 --> <uni-tr> <uni-th align="center" style=" width: 3%; background-color: #394958; color:white; font-size: medium;">区域</uni-th> <uni-th align="center" style=" width: 10%; background-color: #394958; color:white; font-size: medium;">设备名称</uni-th> <uni-th align="center" style=" width: 10%; background-color: #394958; color:white; font-size: medium;">系统</uni-th> <uni-th align="center" style=" width: 3%; background-color: #394958; color:white; font-size: medium;">检查点</uni-th> </uni-tr> <!-- 自定义数据展示方式 --> <template slot="default"> <uni-tr> <uni-td algin="center">{{options.shop}}</uni-td> <uni-td algin="center">{{options.equipmentName}}</uni-td> <uni-td algin="center">{{this.values.system}}</uni-td> <uni-td algin="center">{{this.values.checkPoints}}</uni-td> </uni-tr> </template> </uni-table> ``` 2. 在自定义数据展示方式的template中,将原本的表格数据行uni-tr替换为uni-td,并将数据横向展示,例如: ``` <!-- 自定义数据展示方式 --> <template slot="default"> <uni-tr> <uni-td algin="center">区域</uni-td> <uni-td algin="center">{{options.shop}}</uni-td> </uni-tr> <uni-tr> <uni-td algin="center">设备名称</uni-td> <uni-td algin="center">{{options.equipmentName}}</uni-td> </uni-tr> <uni-tr> <uni-td algin="center">系统</uni-td> <uni-td algin="center">{{this.values.system}}</uni-td> </uni-tr> <uni-tr> <uni-td algin="center">检查点</uni-td> <uni-td algin="center">{{this.values.checkPoints}}</uni-td> </uni-tr> </template> ``` 这样,就可以将数据横向展示了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值