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;
}
相关文章
|
1月前
|
前端开发
css怎么去除a标签的下划线?
css怎么去除a标签的下划线?
|
1月前
|
Web App开发 前端开发 安全
CSS背景图和HTML的<img>标签怎么选?
CSS背景图和HTML的<img>标签怎么选?
|
1月前
|
敏捷开发 人工智能 前端开发
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
|
3天前
|
移动开发 前端开发 JavaScript
CSS3 标签元素显示模式
CSS3 标签元素显示模式
|
22天前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
22 1
|
22天前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
30 1
|
2天前
|
前端开发
技术经验分享:CSS之换行
技术经验分享:CSS之换行
|
1月前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
1月前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
1月前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
32 1