在微信上看网站有个要求,新闻标题只能占一行,多余的文字用...代替,如果是后台输出标题的时候直接截取字符串的话不可取,因为每个手机的分辨率不知道,大小也不知道,所以不知道应该截取多少个字符合适,只能是用CSS的那个文字单行显示的样式 ,网上搜索后发现如下样式可以实现效果:
测试后发现是单行显示了,但是iphone和android的显示不一样,下面是iphone
下面是android:
\
我想改成和IPHONE一样的效果,就是从标题开头开始读,结尾再...,而不是像Android一样的开头截取一点,中间截取一点,结尾再截取一下。。。
那个-webkit-box-orient每一个属性我都试过了。。都是不行的。。
从内容来看,安卓机应该是判断遇到结束符号就省略,所以你可以尝试一行都是文字,不包含符号看看,确认是什么问题引起再想解决方案这样会好点。
今早再上去看,竟然那个样式 不起作用了,我什么都没有动,晕。。看来这种太不稳定了,最后不管了,不用结尾...了,直接给个height:22px;over-flow:hidden