使用 CSS 在包含项目符号的框内设置标记
javascriptweb developmentfront end scripts
要将标记设置在包含项目符号的框内,请使用值为 inside 的 list-style-position 属性。
inside 值表示如果文本进入第二行,文本将在标记下方换行。如果列表的值为 outside,它还会缩进到文本开始的位置。
示例
<html> <head> </head> <body> <ul style = "list-style-type:square;list-style-position:inside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style = "list-style-type:lower-alpha;list-style-position:inside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html>