位置:海南科技网首页 > 建站经验 >
海南科技网首页 >建站经验 > 正文

css文本超出隐藏显示省略号、溢出不换行、溢出省略号显示等实现方法

2021

/ 09-29
来源:

  在实际实例中,我们常常需要对网页框架进行个性化的布局,比如标题列表超出页面变两行显示时影响了页面的布局效果,希望将两行变为一行,超出部分内容进行隐藏设置,溢出不换行等既保住了页面的颜值又兼顾了SEO,那该如何实现这样的功能呢?直接上代码,请将在需要的DIV加上如下代码即可实现:

overflow:hidden; //超出文本隐藏
white-space:nowrap; //溢出不换行
text-overflow:ellipsis; //溢出省略号显示两行或多行省略实现

  (来源:本网综合)

  本网声明:海南科技网登载此文仅出于信息分享,并不意味着赞同其观点或证实其描述,不承担侵权行为的连带责任。文章内容仅供参考,不构成投资建议。投资者据此操作,风险自担。版权归原作者所有,如来源标注有误、不希望本网刊载或侵权,请与我们联系,本网将核实后可立即撤除。

责任编辑:NO18