li ul li太长了，换行但没有缩进。

Question

我有一个无序的HTML列表（ul）。如果第二个单词太长，行会自动换行，但溢出的文本不会缩进。有什么解决办法吗？

这里是示例

然后点击“Leistungen”，再点击“KINDERZAHNHEILKUNDE”。现在你知道我的意思了。

可能是因为CSS的原因，我不确定。

- danielreiser

---

您提供的示例网址已经没有问题了... 值得使用 jsfiddle 来演示问题，而不是使用实际的网站，因为该网站可能会发生变化。 - Teevus

Answer 1

用padding替换缩进

padding-left: 2em;
text-indent: -2em;

应该可以解决问题。

- Gausie

---

text-indent已经解决了问题。感谢大家的帮助，nickf这种方法很棒，我下次会用它。 @sarfraz仅仅改变大小并不是我想要的，整个布局都会通过浮动而改变。 - danielreiser

Answer 2

添加以下CSS：

ul {
    list-style-position: outside;
}

这里有一个例子：http://jsbin.com/emeda/

- nickf

---

@Jean-FrançoisBeauchamp 谢谢，你说得对。你知道，你可以自己编辑这些内容。 :) - nickf

Answer 3

为了实现有序列表和多行缩进，我遵循了以下CSS：

.surveyorderedlist{
        ol{
            list-style-position: outside;
        }
        li{
            margin-bottom:5px;
            margin-left:40px;
            padding-left:8px;
        }
    }

然后你的HTML应该如下：

<div class="surveyorderedlist">
            <span><b>Conditions imposed</b></span>
            <ol>
                <li>Names and addresses are accessed only by the Financial Service Provider on its own behalf, and solely for its own use;</li>
                <li>Names and addresses may only be accessed for a specified purpose;</li>
                <li>The fees charged for the provision of the names and addresses from the Motor Vehicle Register (MVR) are duly paid;</li>
                <li>Any instances of unauthorised access must immediately be notified to the Secretary for Transport and the Privacy Commissioner; </li>
            </ol>
</div>

- Irfan

Answer 4

这是因为“Prophylaxe in der Schwangerschaft”这个词太长了，无法适应侧边栏的宽度。您需要增加包含列表的侧边栏的宽度。

唯一的解决方案是减小字体大小，以便即使像上面这样的单词也能按照侧边栏的宽度显示。

编辑请告诉我我的答案是否正确，因为我有一些信念认为原因是这样，尽管有人对我进行了负面标记；所以请尝试并让我知道我是否错误。谢谢。

- Sarfraz

---

我认为那个人可能会投票反对你，是因为你坚持认为rdesign需要改变他想要的网站外观，而实际上他可以通过其他方式实现他想要的效果。投票反对并不一定是对你的惩罚，而是警告潜在的观众答案是错误的。 - Gausie