換行項目符號列表項目的縮排
當長列表項目換行到新行時，換行部分通常會出現縮排位於項目符號下方。但是，在某些情況下，可能需要將換行的文字與第一行垂直排列。
要達到此目的，請考慮使用兩級容器結構。將項目符號包含在自己的容器中，並將其放置在清單項目文字的容器旁邊。透過將這些容器嵌套在父容器中，您可以控制元素的位置和對齊方式。
.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中文網其他相關文章！
