display:list-item
display:list-item这个在工作中几乎没有用过。刚刚遇到了,了解了一下它的用法,记录在这里。
“display:list-item : 为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。”
例子如下:
为一个段落p定义如下样式:
display:list-item;
list-style:inside square;
效果就和ul中出现项目列表符号一样。display:list-item为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点,而display:block则不会出现黑点。
为元素内容生成一个块型盒