list-style-position是什么？

它用于指定<li>中標記（·）的顯示。（相關推薦：CSS學習手冊）

讓我們通過添加以下值來指定列表中標記的位置。

outside

標記顯示在外部，它變成縮進（縮進）顯示。

inside

標記被顯示在列表中的內容的區域的內側，它設置比所述標記和標記以外的部分的高度。

通過執行以下代碼可以完全刪除標記。

list-style-position: inside;
list-style-type: none;

我們來看具體的代碼

HTML

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

CSS

li {
  list-style-position: inside;
  list-style-type: none;
}

在瀏覽器上顯示效果如下：標記（·）沒有了

本篇文章到這里就全部結束了，更多相關內容可以關注php中文網的CSS視頻教程進一步學習！！！

以上就是如何使用CSS的list-style-position的詳細內容，更多請關注php中文網其它相關文章！