使用 CSS 的无序列表中的文本缩进答案

【问题标题】：Text indentation in unordered lists with CSS使用 CSS 的无序列表中的文本缩进
【发布时间】：2011-04-20 11:52:41
【问题描述】：

我有一个无序的 HTML 列表，并且正在使用 CSS 来设置所有内容的样式。当文本有多行时，它在项目符号点之前开始。有没有办法让它在项目符号位置之后开始？

【问题讨论】：

【解决方案1】：

您想在您的<ul> 上使用list-style-position:outside

【讨论】：

在你的例子中，如果我删除 list-style-position:outside ，那么对结构没有影响。
非常感谢，我实际上是在使用 list-style-position: inside;因为我想缩进所有的要点。当我使用外部值时，我似乎无法再将 margin-left/padding-left 应用于 ul/li。
是的，通常是默认值。 inside 将执行 OP 示例中出现的操作。
@Frank Vilea：你的 css 中肯定有别的东西，它工作正常 here。如果您需要查看浮动、显示属性等如何影响它，请使用小提琴。如果没有看到代码，我真的无法说出问题所在。
谢谢，我只需要应用 float: left;这就是我忘记的以及为什么它以前不起作用的原因。

【解决方案2】：

请尝试使用此属性

li {
    list-style-position:outside;
}

或在其中一个或另一个内。这应该可以解决问题。

【讨论】：

【解决方案3】：

当然，很简单。在您的<li> 中执行以下操作：

<li>
  <div>Schnelles Importieren von Images As Planes</div> 
</li>

【讨论】：

谢谢康。我试过了，但它似乎会导致 Firefox 出现问题。
好吧，您可能需要进行一些样式调整（例如边距、内边距、内联显示？）
Firefox 会出于某种奇怪的原因在新行上开始文本。它曾经是纯文本，所以我忘了应用 float: left;到新的要点列表，这就是所有这些值都不起作用的原因。
当 css 解决方案可用时，添加 div 更像是最后的手段。
@Kon：CSS 用于样式化文档。 HTML 用于描述它们包含的内容。将无意义的 div 添加到列表项中以实现使用 CSS 轻松实现的视觉效果对我来说没有任何优势或目的，但我愿意听取反对意见。

【解决方案4】：

这是最简洁的 CSS，使用简写的属性语法：

 ul {
    list-style: disk outside;
 }

【讨论】：