当前位置: 代码迷 >> 综合 >> css 实现标签内容多行截取(...)数字换行--英文--文字处理
  详细解决方案

css 实现标签内容多行截取(...)数字换行--英文--文字处理

热度:53   发布时间:2023-12-28 17:53:05.0

1、多行截取:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;  /*截取4行*/
text-overflow: ellipsis;
overflow: hidden;

2、单行隐藏:

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

3、数字、英文换行-:

word-wrap:break-word;

1、移动端处理--设置

body{

font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;

}

a,img{

-webkit-touch-callout:none; /* 禁止长按链接与图片弹出菜单 */

}

html,body{

-webkit-user-select:none; /* 禁止选中文本(如无文本选中需求,此为必选项) */

user-select:none;

}