数据结构
网络
关系数据库管理系统 (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 次浏览
广告