gpt4 book ai didi

html - 使用自定义元素符号时的样式问题

转载 作者:太空宇宙 更新时间:2023-11-03 23:26:34 24 4
gpt4 key购买 nike

我有这样一个简单的列表

<ul>
<li>....</li>
</ul>

和样式

ul {
list-style: none;
}

li:before {
background-color: #1282CB;
border-radius: 6px;
height: 6px;
vertical-align: middle;
width: 6px;
content: '';
display: inline-block;
margin-left: -15px;
}

我遇到的问题 ( jsfiddle ) 是当列表项中的文本跨越多行时,它没有与左侧的其他文本正确对齐 ist-item line-up issue

当子弹绝对定位时,它会按我想要的方式工作(jsfiddle)。是否可以在没有绝对定位元素符号的情况下解决此问题?

最佳答案

您可以将 margin-left 从 -15px 更改为 -12px。工作示例 here .

关于html - 使用自定义元素符号时的样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26714282/

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