高手指点:这样的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;