福州seo|福建seo >> 福州SEO优化 >> ie6下ul li不换行, li不换行但撑高自己

ie6下ul li不换行, li不换行但撑高自己

作者:SEO技术 分类: 福州SEO优化 发布于:2015-7-30 10:18 ė598次浏览 60条评论
在div+css时遇到这样的问题: 在一个固定宽度的ul里边 我没有定义li的宽度,而是设好li的padding 值让li根据内容长度来自动向左对齐排列。
如: <ul>
                           <li><a href="#">图书音像数字商品</a></li>
                           <li><a href="#">家用电器</a></li>
                           <li><a href="#">手机数码</a></li>
                           <li><a href="#">电脑办公</a></li>
                           <li><a href="#">家用电器</a></li>
                           <li><a href="#">手机数码</a></li>
                           <li><a href="#">家居家具家装厨具</a></li>
                           <li><a href="#">服饰内衣珠宝首饰</a></li>
                           <li><a href="#">电脑办公</a></li>
                           <li><a href="#">图书音像数字商品</a></li>
                           <li><a href="#">家居家具家装/厨具</a></li>
                           <li><a href="#">服饰内衣珠宝首饰</a></li>
                        </ul>
但li却死活不换行,宽度不够的时候,li里面的文字自己撑高。

有同学会说那你为什么不定义li的宽度,其实有试着定宽度,定宽度也确实能解决这个问题,但它却又能产生另一个问题,文字数字不同,每个li的宽度就不同,要么太宽了,要么不够撑高,所以果断给弃了。
在网上试着找了下,还终于给找了个解决方法:在li里面加上white-space: nowrap;的属性。一试,真可以,这个问题也希望能帮到碰到同样问题的同学

本文出自 福州seo|福建seo,转载时请注明出处及相应链接。

分享本文至:

俗话说:SEO大神都喜欢发表自己的观点!那么你呢?

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部