魔趣吧-dz插件模板-建站源码资源一条龙下载站！ › 首页 ›网站建设› 网页设计 › 查看内容

CSS控制单行字符长度的方法

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

.tu li{ /* 标签可以定义多个，不过请注意width属性，最好将width属性去掉 */
display:block;/*定义为块级；这个属相很重要，没有这个属性，很难实现单行宽度的效果*/
width:100%;/*要显示文字的宽度提醒：可以将此属性剔除，然后就可以多标签的实现单行控制了*/
float:left;/*左对齐*/
overflow:hidden;/*超出的部分隐藏起来。*/
whitewhite-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis;/* 支持 Opera */
}

复制代码

收藏邀请

路过

雷人

握手

鲜花

鸡蛋

上一篇：php开启openssl的方法,openssl安装 下一篇：discuz X3.2diy帖子模块调用主题tag标签

魔趣广告

在线支持

关闭

欢迎来到魔趣吧
如果你有建站技术问题、仿站需求、模板插件修改需求，请联系我们的技术支持！高效率，低价格的帮你搞定！
请认准魔趣吧唯一官网:www.moqu8.com，谨防假冒网站！

一般问题请到【求助区】发帖咨询（免费）！

邮箱咨询：
winkill2012@qq.com

邮箱咨询需注明：资源地址+本站用户名+具体问题，三者缺一不做处理。非本站资源不处理！