律师网站设计基础:CSS中文本长度控制,溢出显示省略号

  • 2020-07-27
  • 1692

律师网站设计中,常用于列表、标题超出隐藏,很实用。 宽度不固定,超出宽度则以省略号“...”来表示。

/*规定段落中的文本不进行换行:*/

white-space: nowrap;

overflow: hidden;

/* text-overflow属性表示规定当文本溢出包含元素时发生的事情;

ellipsis表示显示省略符号来代表被修剪的文本。*/

text-overflow: ellipsis;

超过三行后的文字省略

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

-webkit-line-clamp: 3; /*限制文本的行数,只显示3行*/

-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */

相关阅读

WordPress自动加载更新js和css文件

律师网站设计基础:CSS水平垂直居中对齐的方法

律师网站设计中CSS文本阴影与元素阴影的运用

律师网站设计中如何使用css隐藏浏览器滚动条

律师网站设计基础,纯CSS3实现背景渐变等多种效果

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询