使用CSS中l(wèi)ist-style-position的方法

發(fā)布時間：2020-08-29 11:52:20 來源：億速云閱讀：248 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)使用CSS中l(wèi)ist-style-position的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

list-style-position屬性用于指定要在列表開頭顯示的標記的位置，有外部和內(nèi)部的規(guī)范方法

list-style-position是什么？

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

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

outside

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

inside

標記被顯示在列表中的內(nèi)容的區(qū)域的內(nèi)側(cè)，它設(shè)置比所述標記和標記以外的部分的高度。

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

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;
}

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

使用CSS中l(wèi)ist-style-position的方法

關(guān)于使用CSS中l(wèi)ist-style-position的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

猜你喜歡