WordPress建站教程:控制文字只显示一行,超出部分显示省略号
发布时间:2020-12-14 14:39:25 所属栏目:wordpress 来源:网络整理
导读:使用的过程中,当首页中或者侧边栏有新闻中心板块,而个别新闻的标题太长的时候,这些标题会分两行显示,严重影响外观美化。我们想控制文字只显示一行,超出部分显示省略号。下面我们就来介绍一下实现的方法,实现的原理是把文本限制在一行(white-space: no
使用的过程中,当首页中或者侧边栏有新闻中心板块,而个别新闻的标题太长的时候,这些标题会分两行显示,严重影响外观美化。我们想控制文字只显示一行,超出部分显示省略号。下面我们就来介绍一下实现的方法,实现的原理是把文本限制在一行(white-space: nowrap;),将溢出的部分要隐藏起来(overflow: hidden;),然后出现省略号( text-overflow: ellipsis)。 打开主题所在目录,找到标题所对应的选择器名称(例如.news-title),添加如下样式: |
相关内容