CSS 重設後如何修復無序列表中未對齊的第二行？

CSS 重設後解決ul 清單中的第二行對齊問題

應用CSS 重設後，您可能會遇到以下問題：清單項目中的第二行文字從子彈。這種不對齊可以透過CSS透過調整list-style-position屬性來解決。

解：

list-style-position屬性決定項目符號是出現在清單內部還是外部。預設情況下，它被設定為“內部”，導致文字環繞項目符號。將其變更為“外部”會強製文字與清單的其餘部分對齊。

但是，這可能會導致項目符號與清單外部的文字之間不對齊。要解決此問題，請對列表項目套用邊距：

ul li {
  list-style-position: outside;
  margin-left: 1em;
}

改進的解決方案（2014 年3 月更新）：

ul {
  list-style-position: outside;
  margin-left: 1em;
}

• 此解決方案將所有屬性應用於ul 元素.
• em單位用於縮進，確保跨平台一致間距。
• 清晰簡潔的註解解釋了每個屬性的用途。

以上是CSS 重設後如何修復無序列表中未對齊的第二行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！