换行项目符号列表项目的缩进
当长列表项换行到新行时，换行部分通常会出现缩进位于项目符号下方。但是，在某些情况下，可能需要将换行的文本与第一行垂直排列。
要实现此目的，请考虑使用两级容器结构。将项目符号包含在其自己的容器中，并将其放置在列表项文本的容器旁边。通过将这些容器嵌套在父容器中，您可以控制元素的位置和对齐方式。
.container-div {
padding-left: 20px;
}
.red-square-5 {
position: absolute;
width: 5px;
height: 5px;
margin-top: 0.5em;
background: #f00;
}
.row2 {
overflow: hidden;
max-width: 500px;
}<div class="container-div">
<div class="red-square-5"></div>
<div class="row2">
Long long long long long long long long long long long long long long long long long long long long long long long long long title
</div>
</div>使用这种方法，换行的文本将显示在左侧，与第一行对齐，而项目符号符号仍保留在其原始位置。此技术可以精确控制项目符号列表的缩进和布局。
以上是如何防止换行的项目符号列表项缩进？的详细内容。更多信息请关注PHP中文网其他相关文章！
