手机浏览器DIV显示问题

sti01 2017-07-28 09:51:33
有个页面,需要在PC和手机端都能正常浏览,但有段DIV在手机上显示不正常。比如这个DIV中有100个汉字,PC上会分三行,100个汉字都能显示出来,但在手机上只能显示两行,大概34个汉字,后面就是省略号了“...”,请问这是什么原因,帮助指点下,谢谢了。

相关CSS代码如下:
padding: 5px 10px;
border-bottom: 0px solid #E5E5E5;
font-size: 18px;
line-height: 1.8;
display:-webkit-box;
-webkit-box-orient:vertical;
word-break:break-all;
overflow:hidden;
text-overflow:ellipsis;
...全文
226 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
当作看不见 2017-07-29
  • 打赏
  • 举报
回复
text-overflow这个属性去掉
sti01 2017-07-29
  • 打赏
  • 举报
回复
引用 2 楼 yanluofeihong 的回复:
设置了超出隐藏,用省略号代替,当然就显示不全了
overflow:hidden; text-overflow:ellipsis; 把这两句都去掉也不行 现在微信显示正常,微博还是会缩略显示
sti01 2017-07-29
  • 打赏
  • 举报
回复
引用 1 楼 qq_29594393 的回复:
text-overflow这个属性去掉
不行呢,版主,微信上显示正常,但在手机自带浏览器以及微博中,都还是缩略显示。
看着是个昵称 2017-07-29
  • 打赏
  • 举报
回复
设置了超出隐藏,用省略号代替,当然就显示不全了
看着是个昵称 2017-07-29
  • 打赏
  • 举报
回复
引用 4 楼 sti01 的回复:
[quote=引用 2 楼 yanluofeihong 的回复:] 设置了超出隐藏,用省略号代替,当然就显示不全了
overflow:hidden; text-overflow:ellipsis; 把这两句都去掉也不行 现在微信显示正常,微博还是会缩略显示[/quote] 这个倒是没有遇到过,会不会是微博自身存在的限制呢

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧