如何使用 CSS 指示標記應該出現在包含專案符號的框內還是框外?
list-style-position 屬性指示標記應該出現在包含專案符號的框內還是框外。它可以具有以下兩個值之一
| 值 | 描述 |
|---|---|
| none | 不適用 |
| inside | 如果文字換行到第二行,則文字將在標記下方換行。它也將縮排到如果列表的值為 outside,文字將開始的位置。 |
| outside | 如果文字換行到第二行,則文字將與第一行的開頭對齊(在專案符號的右側)。 |
示例
您可以嘗試執行以下程式碼以實現 list-style-position 屬性
<html> <head> </head> <body> <ul style = "list-style-type:circle; list-style-position:outside;"> <li>BMW</li> <li>Audi</li> </ul> <ul style = "list-style-type:square;list-style-position:inside;"> <li>BMW</li> <li>Audi</li> </ul> <ol style = "list-style-type:decimal;list-style-position:outside;"> <li>BMW</li> <li>Audi</li> </ol> <ol style = "list-style-type:lower-alpha;list-style-position:inside;"> <li>BMW</li> <li>Audi</li> </ol> </body> </html>
廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP