概述使用WordPress建网站的过程中，当首页中或者侧边栏有新闻中心板块，而个别新闻的标题太长的时候，这些标题会分两行
显示，严重影响外观美化。我们想控制文字只显示一行，超出部分显示
省略号。
使用href="https://www.jb51.cc">wordpress建网站的过程中，当首页中或者侧边栏有新闻中心板块，而个别新闻的标题太长的时候，这些标题会分两行显示，严重影响外观美化。我们想控制文字只显示一行，超出部分显示省略号。下面我们就来介绍一下实现的方法，实现的原理是把文本限制在一行（white-space: nowrap;），将溢出的部分要隐藏起来（overflow: hIDden；），然后出现省略号（ text-overflow: ellipsis）。
打开主题所在目录，找到标题所对应的选择器名称（例如.news-Title），添加如下样式：
下面我们来解释一下上面代码的含义：
overflow:hidden;
overflow属性规定当内容溢出元素框时发生的事情。overflow属性可能的值有以下5中，这里取”hIDden”值，表示当内容溢出元素框时执行隐藏 *** 作。
white-space:nowrap;white-space 属性声明建立布局过程中如何处理元素中空白符。（这里的空白符指我们用键盘敲入的空格或回车）whit-space 属性可能的取值有以下6种，这里取值“nowrap”，即文本不换行，在一行内显示。
标签。 标签为止。text-overflow:ellipsis;text-overflow 属性规定当文本溢出包含元素时，是否显示省略标记。text-overflow属性可能的取值如下3种类，这里需要对文本溢出元素使用省略标记，选择“ellipsis”。
string以上是内存溢出为你收集整理的WordPress建站教程：控制文字只显示一行，超出部分显示省略号全部内容，希望文章能够帮你解决WordPress建站教程：控制文字只显示一行，超出部分显示省略号所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
评论列表（0条）