li与overflow:hidden

Category: 网站建设, Author: humker, Popularity: 1%

比较有用的css

下划线与边框重合时的隐藏办法

在一个div容器中用li写内容，并且定义li的下划线。div设置有边框，那么最下面的li的下划线会和div边框离的很近影响美观。想隐藏最下面的一条线的话，调整div的高度，设置overflow:hidden，则可以把最下的下划线隐藏。

不过这个div下面还有另外个div的话，之间margin的距离会被拉大，这时设置上面的容器margin-bottom为负值，或者设置下面的margin-top为负值可以恢复到最初定义的高度

overflow:hidden+white-space:nowrap

用li写一组链接。之前是统计好li的宽度最多可以容纳多少文字而不会撑开布局，然后把字数参数告诉程序，让他在程序中控制输出。用CSS实现则如下

li的高度自定，以em设置li的宽度，overflow:hidden，可以实现不撑开li的区域

但是现在经常在li前加小箭头背景图片，并设置background-position:left center。这样的话，如果文字超过限定宽度，超出区域的部分会隐藏，但是前面的背景图会自动下移到两行之间。这样的话用上white-space:nowrap强制文字不换行，则可以解决背景图下移的问题。