首页 新闻 会员 周边

前端CSS超长文字单行显示结尾...,如何让iphone与android上的看起来一样?

0
[已解决问题] 解决于 2016-11-05 11:20

在微信上看网站有个要求,新闻标题只能占一行,多余的文字用...代替,如果是后台输出标题的时候直接截取字符串的话不可取,因为每个手机的分辨率不知道,大小也不知道,所以不知道应该截取多少个字符合适,只能是用CSS的那个文字单行显示的样式 ,网上搜索后发现如下样式可以实现效果:

测试后发现是单行显示了,但是iphone和android的显示不一样,下面是iphone

下面是android:

\

我想改成和IPHONE一样的效果,就是从标题开头开始读,结尾再...,而不是像Android一样的开头截取一点,中间截取一点,结尾再截取一下。。。

那个-webkit-box-orient每一个属性我都试过了。。都是不行的。。

牛腩的主页 牛腩 | 初学一级 | 园豆:-6
提问于:2016-11-04 22:44
< >
分享
最佳答案
0

从内容来看,安卓机应该是判断遇到结束符号就省略,所以你可以尝试一行都是文字,不包含符号看看,确认是什么问题引起再想解决方案这样会好点。

奖励园豆:5
=demo= | 菜鸟二级 |园豆:207 | 2016-11-04 23:15

今早再上去看,竟然那个样式 不起作用了,我什么都没有动,晕。。看来这种太不稳定了,最后不管了,不用结尾...了,直接给个height:22px;over-flow:hidden

牛腩 | 园豆:-6 (初学一级) | 2016-11-05 11:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册