发新帖
  2. 建站技术
  3. CSS控制单行字符长度的方法

CSS控制单行字符长度的方法 [复制链接]

moqu8 2018-4-11
5 0
CSS控制单行长度和字符个数的方法 兼容各大浏览器，隐藏多余字符，用“...”代替。
  1. .tu li{ /* 标签可以定义多个，不过请注意width属性，最好将width属性去掉 */
  2. display:block;/*定义为块级；这个属相很重要，没有这个属性，很难实现单行宽度的效果*/
  3. width:100%;/*要显示文字的宽度 提醒：可以将此属性剔除，然后就可以多标签的实现单行控制了*/
  4. float:left;/*左对齐*/
  5. overflow:hidden;/*超出的部分隐藏起来。*/
  6. whitewhite-space:nowrap;/*不显示的地方用省略号...代替*/
  7. text-overflow:ellipsis;/* 支持 IE */
  8. -o-text-overflow: ellipsis;/* 支持 Opera */
  9. }
复制代码

最新回复 (0)
返回
版块热门：
支持中心
邮箱：winkill2012@qqcom
新站优化中！部分功能尚未完善，敬请谅解！
支持中心