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

b5lpy0ml 于 2023-04-23 发布在其他

关注(0)|答案(4)|浏览(188)

我有一个无序的HTML列表（ul）。如果第二个单词太长，该行会自动换行，但溢出的文本不会缩进。有什么想法可以解决这个问题吗？
Here is the example
然后“Leistungen”，然后点击KINDERZAHNHEILKUNDE。现在你明白我的意思了。
可能是因为css的原因，我不知道。

css

来源：https://stackoverflow.com/questions/1867358/li-ul-li-is-too-long-line-wraps-but-no-indention

4条答案

按热度按时间

9udxz4iz1#

用填充替换缩进

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

应该可以

赞(0）回复(0）举报 2023-04-23

wn9m85ua2#

添加CSS：

ul {
    list-style-position: outside;
}

示例如下：http://jsbin.com/emeda/

赞(0）回复(0）举报 2023-04-23

7gyucuyw3#

对于我的有序列表和多行缩进我已经遵循下面的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>

赞(0）回复(0）举报 2023-04-23

vcudknz34#

出现这种情况是因为单词Prophylaxe in der Schwangerschaft太长，无法放入侧边栏。您需要增加包含列表的侧边栏的宽度。
唯一的其他解决方案是减小字体大小，以便即使像上面这样的单词也能按边栏的宽度显示。

编辑请让我知道如果我的答案是正确的或不，因为我有一些信念的原因，即使有人已经-ve标记我;所以请让我知道，如果我是错误的尝试出来。谢谢

赞(0）回复(0）举报 2023-04-23