获取UL边框仅包装文本

时间:2012-12-20 03:17:51

标签: html css html-lists block

我有一个UL,我正在使用它来设计风格。不幸的是,当我尝试添加一个边界时,它会遍历整个屏幕,因为它们是li个元素(并且是display: block)。我也不想为元素定义固定的宽度,而是希望宽度是文本所需的宽度。

JsFiddle:http://jsfiddle.net/5xu6t/

2 个答案:

答案 0 :(得分:2)

尝试:

<li><span>Test</span></li>

span{
    border: solid 1px red;
}  

答案 1 :(得分:2)

需要在你的html中添加额外的标签,但它似乎可以做你想要的。

<li><span>Test</span></li>

并且稍微提出了css。

http://jsfiddle.net/BVYM7/