首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >li ul li太长,换行但没有缩进

li ul li太长,换行但没有缩进
EN

Stack Overflow用户
提问于 2009-12-08 22:33:50
回答 3查看 30.8K关注 0票数 20

我有一个无序的HTML list (ul)。如果第二个单词太长,行将自动换行,但不缩进溢出的文本。有什么办法解决这个问题吗?

下面是示例:http://tinyurl.com/yk32ek6,然后单击"Leistungen“,然后单击KINDERZAHNHEILKUNDE。现在你明白我的意思了吧。

可能是因为css的原因,我不知道。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-12-08 22:38:09

将缩进替换为填充

代码语言:javascript
复制
padding-left: 2em;
text-indent: -2em;

应该能起到作用

票数 40
EN

Stack Overflow用户

发布于 2009-12-08 22:43:39

添加此CSS:

代码语言:javascript
复制
ul {
    list-style-position: outside;
}

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

票数 13
EN

Stack Overflow用户

发布于 2016-01-19 06:01:40

对于我的有序列表和我遵循的css下面的多行缩进

代码语言:javascript
复制
.surveyorderedlist{
        ol{
            list-style-position: outside;
        }
        li{
            margin-bottom:5px;
            margin-left:40px;
            padding-left:8px;
        }
    }

然后你的html应该是

代码语言:javascript
复制
<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>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1867358

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档