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

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

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;
}
相关文章
|
6月前
|
前端开发
css怎么去除a标签的下划线?
css怎么去除a标签的下划线?
|
6月前
|
Web App开发 前端开发 安全
CSS背景图和HTML的<img>标签怎么选?
CSS背景图和HTML的<img>标签怎么选?
|
6月前
|
敏捷开发 人工智能 前端开发
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
|
1月前
|
前端开发 容器
CSS 中几种常用的换行方法
CSS 中几种常用的换行方法
26 1
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
前端开发
为什么最好把 CSS 的 link 标签放在 head 标签之间?
为什么最好把 CSS 的 link 标签放在 head 标签之间?
|
3月前
|
前端开发
如何使用 CSS 防止换行
如何使用 CSS 防止换行
46 0
|
4月前
|
前端开发 JavaScript C++
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
158 0
|
5月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
50 1
|
5月前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
79 1