哪个 CSS 属性（如果有）会控制它？答案

【问题标题】：Which CSS attribute, if any, would control this?哪个 CSS 属性（如果有）会控制它？
【发布时间】：2010-10-25 22:33:11
【问题描述】：

我有以下列表：

alt text http://img210.imageshack.us/img210/2912/12922833.jpg

如何让第四个项目的文本环绕，但缩进与列表的其余部分相同？是否有一些 CSS 属性可以控制这一点？

【问题讨论】：

你的 CSS 目前是什么样子的？

标签： html css

【解决方案1】：

试试list-style-position:

li {
  list-style-position: outside;
}

正如ricebowl 记得评论的那样，您可能需要增加左边距或填充以使项目符号点“保持不变”，因为项目符号点不是在<li> 内，而是放在外面。

【讨论】：

这让我所有的子弹都消失了。
@ryeguy，您需要通过向li 添加填充来补偿list-style-position，尝试添加padding-left: 2em，或类似的。
@ryeguy，好吧...如果您想支持我不会抱怨的评论... =p

【解决方案2】：

不确定您的要求是什么，我假设您希望它看起来像上面一样。因为默认情况下它不应该是那样的。

下面的代码示例将使它看起来像您的图像：

<style type="text/css">
    ul {
        width: 200px;
        padding: 0px;
        margin: 0px;
    }
    ul li {
        padding-left: 5px;
        text-indent: 20px;
    }
</style>

<ul>
    <li>text</li>
    <li>text text text text text text text text text text text text text text text text text text </li>
    <li>text </li>
</ul>

这段代码会让它看起来像你的要求：

<style type="text/css">
    ul {
        width: 200px;
    }
</style>

<ul>
    <li>text</li>
    <li>text text text text text text text text text text text text text text text text text text </li>
    <li>text</li>
</ul>

【讨论】：

【解决方案3】：

如果它是一个真实的列表，那应该是默认值，但无论如何都要按照 Henrik 说的去做。

如果它不是一个真实的列表，而您只是在其中粘贴了一个子弹的图像......那么......那会稍微难一些。理想情况下，您会使用正确的列表 (<ul><li>list item</li></ul>)

如果是子弹图像，您可以使用填充和绝对定位。如果它是用于子弹的 HTML 字符，那你就完蛋了。

【讨论】：

【解决方案4】：

 ul li { padding-left: 25px; }

【讨论】：