資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 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>
更新於：2020年2月3日
303 次瀏覽
廣告