html - 让 UL 边框仅环绕文本

Question

我有一个UL用于样式菜单的。不幸的是，当我尝试添加边界时，它会跨越整个屏幕，因为它们是li元素（并且是display: block）。我也不想为元素定义固定宽度，而是希望宽度是文本所需的宽度。

score 2 · Accepted Answer

2

尝试：

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

span{
    border: solid 1px red;
}

于 2012-12-20T03:23:21.693 回答

score 2 · Accepted Answer

需要在您的 html 中添加额外的标签，但它似乎可以满足您的需求。

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

并且对 css 也有一点影响。

2 回答 2