日期:2014-05-17  浏览次数:20667 次

高手指点:这样的CSS请问该如何写?
<li> 楼盘信息 </li> <li> 个人出租 </li> <li> 中介出租 </li> <li> 个人求租 </li> <li> 个人买房 </li> <li> 个人卖房 </li>


  li   {
display:inline;
font-size:12px;
padding-right:   3px;
line-height:   16px;
border-right-width:   1px;
border-right-style:   solid;
border-right-color:   #999999;
}

上面是一些信息分类,我想每个分类右边显示一个竖线隔开,定了li的css效果,但是这样有一个问题,如果我的div宽度不够,里面的内容换行了,那么在换行的地方,就会多出来一条竖线,不知道有没有办法在换行的情况下,还是只在最后结束的地方出现一个竖线。

请高手帮忙指点一下吧,非常感谢。

------解决方案--------------------
不用display:inline,换作 float:left
------解决方案--------------------
楼盘信息 | 个人出租 | 中介出租 | 个人求租 | 个人买房 |

搂住说是不是这个意思?
要把最右边那竖线不要了?
这样的话,因为不知道会在那里换行,你可以定义border-left:1px solid #999;
然后给第一个li另外加一个class或者id,样式表就这样写:
border:none !important;