在 HTML 中,我正在布置一个无序列表,如下所示:
Fruit: Apple, Banana, Cherry, Durian...
我将单词“Fruit:”视为生成的内容。我希望列表能够换行,以便第二行与第一个“Apple”齐平。
我目前的尝试是 here .我添加了一种背景颜色,只是为了突出奇怪的接近但没有雪茄的间距。
最佳答案
这可能不是完全正确的方法,但只需将 -4em 更改为 -2.2em 似乎就可以解决问题。不确定它如何跨浏览器或字体大小更改进行测试,但它可以作为一个开始:
li:first-child:before {
content: 'fruits: ';
margin-left: -2.2em;
}
更新:此方法确实会随着字体大小的增加或减小而失效。
关于html - 带有悬挂缩进的内联列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13958692/