css - 如何删除来自父级的文本的额外宽度？

Question

我有一个 CSS 问题需要帮助解决。

我有一个用于显示列的 ul。我已将此 ul 的宽度硬编码为 220px。在里面，我有 li。每个 li 都有一个文本链接。

问题是，因为我已经将 ul 宽度硬编码为 220px，所以 li 继承了它，即使它们不需要那么大的宽度。如果我看到每个 li 文本占用的空间，这就是我看到的:

如何让每个 li 文本只占用文本本身所需的空间？

我想这样做是因为我在背景中有一张图片，上面有一张 map 。li 占用的额外空间意味着 map 在以下区域不起作用它应该可以工作(因为 li 在 map 的顶部)..

Answer 1

使用display:inline-block; 或display:inline;。

或者:

在每个 li 上使用 float:left; 然后在每个 li 之后有一个 clear:both; 元素.