1. CMS首页
  2. 技术教程

网站文本超过一行用三个点省略css代码

     word-break:break-all;<br>     display:-webkit-box;/**对象作为伸缩盒子模型展示**/<br>     -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/<br>     -webkit-line-clamp:3;/**显示的行数**/<br>     overflow:hidden;/**隐藏超出的内容**/

  网站在手机上打开的时候偶尔因为手机屏幕小而文本过长产生分行或者越界,那么就可以利用CSS代码来使超过的那部分以三个点的形式省略,利于布局优化。

发表评论

用户名: