手工SEO

手工SEO首页 DEDE教程 正文

CSS控制单行长度和字符个数的方法 兼容各大浏览器

手工SEO 2020-03-01 16:00:53 DEDE教程 77℃ 手工SEO

下面就大家一个CSS控制单行长度和字符个数的方法 兼容各大浏览器,隐藏多余字符,用“...”代替。

兼容性:

IE6测试兼容,IE7测试兼容,,IE8测试兼容,IE9测试兼容,Chrome测试兼容,FireFox测试兼容,Opera测试兼容。

CSS代码:

.mubanzhijia li{   /* 标签可以定义多个,不过请注意width属性,最好将width属性去掉 */    

    display:block;/*定义为块级;这个属相很重要,没有这个属性,很难实现单行宽度的效果*/    

    width:100%;/*要显示文字的宽度 提醒:可以将此属性剔除,然后就可以多标签的实现单行控制了*/    

    float:left;/*左对齐*/    

    overflow:hidden/*超出的部分隐藏起来。*/    

    whitewhite-space:nowrap;/*不显示的地方用省略号...代替*/    

    text-overflow:ellipsis;/* 支持 IE */    

    -o-text-overflow: ellipsis; /* 支持 Opera */    

按上面的方法就可解决隐藏多余字符,用“...”代替了。

上一篇:织梦如何显示完整的url链接地址

下一篇:解决织梦DedeCms缩略图不拉伸变形的方法

网站分类
标签列表