当前位置:首页 > 行业知识 > 正文

overflow:hidden不起作用的一种情况

2014-02-21 19:11:40   来源:www.niuxsoft.com   编辑:牛叉软件

摘要:不精确样式:ul{margin:0;padding:0;float:left;list-style:none;width:100%;}li{float:left;overflow:hidden;}当使用以上样式时,可以看到当li中的内容超过了li的宽度时,overflow属性没起...

不精确样式:

ul{ margin :0 ; padding :0; float :left ; list-style :none; width :100%;}

li{ float :left ; overflow :hidden ;}

当使用以上样式时,可以看到当li中的内容超过了li的宽度时,overflow属性没起作用。

正确的样式:

ul{ margin :0 ; padding :0; float :left ; list-style :none; width :100%;}

li{ float :left ; overflow :hidden ;text-overflow:ellipsis; white-space:nowrap; }

需要三者配合使用!


(责任编辑:牛叉软件)

上一篇:没有了



^

 

客服中心 | 授权中心 | 购买授权 | 付款方式 | 广告合作 | 联系我们 | 关于我们

Copyright © 2013-2099 NiuXsoft.com All Rights Reserved. 湘ICP备11016562号-1

Powered by NiuXcms