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

caoym 发布于2019-08-29 13:24 / 902人阅读

摘要：常用样式强制文本显示单行显示语法让一段文字在固定宽度在一行显示，最后一个字符为省略标记，样式如下多行文本最后省略号这里用到了文本溢出显示省略号的，即设置溢出文本显示为省略标记语法新增加的表示直接裁切溢出的文本表

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：表示文本溢出时，也是显示省略标记(...),不同的是，省略标记代替的是最后一个词)

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

服务器托管专线服务移动端web web移动端布局 web移动端开发移动端web前端框架

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112575.html

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

摘要：不允许负值用百分比来定义缩放比例。解决这个很简单，在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过，要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码：第一段文字选中效果第二段文字选中效果 css代码： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 评论0 收藏0
css - 收藏集 - 掘金

摘要：绝对底部前端掘金来自国外的设计达人，纯，可以实现当正文内容很少时，底部位于窗口最下面。有效解决图片使用单位边角缺失的问题前端掘金起因在移动端使用布局时图片也需要用单位。 CSS 绝对底部 - 前端 - 掘金来自国外的设计达人，纯CSS，可以实现: 当正文内容很少时，底部位于窗口最下面。当改变窗口高度时，不会出现重叠问题。甚至，创造该CSS的人还专门成立一个网站介绍这个CSS底部布局方案...

phpmatt 2019-08-29 12:41 评论0 收藏0
FED之必备技能 - 收藏集 - 掘金

摘要：收藏优秀组件库合集前端掘金开源的优秀组件库合集教你如何在应用程序中使用本地文件上传图片前端掘金使用在中添加到的，现在可以让内容要求用户选择本地文件，然后读取这些文件的内容。『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金github 开源的 Vue 优秀 UI 组件库合集✔... 教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金使用在HTM...

xbynet 2019-06-25 11:17 评论0 收藏0
FED之必备技能 - 收藏集 - 掘金

摘要：收藏优秀组件库合集前端掘金开源的优秀组件库合集教你如何在应用程序中使用本地文件上传图片前端掘金使用在中添加到的，现在可以让内容要求用户选择本地文件，然后读取这些文件的内容。『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金github 开源的 Vue 优秀 UI 组件库合集✔... 教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金使用在HTM...

trilever 2019-08-05 11:20 评论0 收藏0
FED之必备技能 - 收藏集 - 掘金

摘要：收藏优秀组件库合集前端掘金开源的优秀组件库合集教你如何在应用程序中使用本地文件上传图片前端掘金使用在中添加到的，现在可以让内容要求用户选择本地文件，然后读取这些文件的内容。『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金github 开源的 Vue 优秀 UI 组件库合集✔... 教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金使用在HTM...

lyning 2019-08-01 16:55 评论0 收藏0