gpt4 book ai didi

html - CSS:带破折号的列表的文本缩进

转载 作者:行者123 更新时间:2023-11-27 23:23:36 25 4
gpt4 key购买 nike

<分区>

我的目标是为无序列表显示破折号而不是元素符号。

HTML:

<div>
<ul>
<li>Item 1: Lore ipsum lore ipsum lore ipsum...</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>

CSS:

div {
width: 200px;
}

ul {
list-style: none;
}

ul li:before {
content: '-';
padding-right: 5px;
}

div {
width: 200px;
}

ul {
list-style: none;
}

ul li:before {
content: '-';
padding-right: 5px;
}
<div>
<ul>
<li>Item 1: Lore ipsum lore ipsum lore ipsum...</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>

JSFIDDLE: https://jsfiddle.net/kk10ogd4/

破折号按要求显示。但是:没有像默认元素符号列表样式那样的文本缩进。正如您在 fiddle 中看到的那样,第一个列表项的文本由两行组成,第二行从破折号下方开始。我如何实现第二行从第一行第一个字母的正下方开始,而不是在第一行的破折号下方(文本缩进问题)???

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com