`css/css3常用样式`

强制文本显示

单行显示语法：white-space:nowrap;
让一段文字在固定宽度在一行显示，最后一个字符为省略标记(...)，css样式如下

div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}

多行文本最后省略号：

div{display: -webkit-box; -webkit-line-clamp:2;overflow: hidden; -webkit-box-orient: vertical;text-overflow: ellipsis;
}

这里用到了文本溢出显示省略号的，即设置溢出文本显示为省略标记：

语法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word（css3新增加的）;

clip：表示直接裁切溢出的文本；
ellipsis：表示文本溢出时，显示省略标记(...)，省略标记代替最后一个字符；
ellipsis-word：表示文本溢出时，也是显示省略标记(...),不同的是，省略标记代替的是最后一个词)

陆续添加用到的内容...

『总结』CSS/CSS3常用样式与web移动端资源相关推荐

CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
[总结]CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
『转载』hadoop2.x常用端口、定义方法及默认端口
『转载』hadoop2.x常用端口.定义方法及默认端口 1.问题导读 DataNode的http服务的端口.ipc服务的端口分别是哪个? NameNode的http服务的端口.ipc服务的端口分别是哪 ...
Web前端——用CSS的常用样式制作一个炫酷的按钮
文章目录笔记:CSS的常用样式炫酷按钮效果实现笔记:CSS的常用样式边框以及弧度样式 border-width:边框的线条宽度. border-style:边框的样式,例如 solid实现 d ...
2、nginx常用配置----作为web服务端
目录环境及目的 nginx配置文件特点和结构 1 特性 2 主配置文件结构常用全局配置 1 main段 2 events段 web服务相关配置 1 server_namerootlisten 11 ...
前端三件套系例之CSS——CSS3基础样式
文章目录 1.宽和高案例 2.字体属性 2-1 文字字体 2-2 字体大小 2-3 字重(粗细) 2-4 文本颜色 2-5 总结 2-6 案例文字属性 3-1 文字对齐 3-2 文字装饰 3-3 ...
css文本样式有,CSS文本常用样式
1.常用的应用文本的CSS样式: color设置文字的颜色 font-size 设置文字的大小,如font-size:12px font-family 设置文字的字体,如font-family:'微软 ...
CSS的选择器和常用样式（id，class,组合，字体，背景，宽度，高度，颜色等CSS样式）
<html><head><title>CSS的选择器和常用样式</title><meta charset="UTF-8"/&g ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...

『总结』CSS/CSS3常用样式与web移动端资源

`css/css3常用样式`

强制文本显示

『总结』CSS/CSS3常用样式与web移动端资源相关推荐

最新文章

热门文章