display:list-item

display:list-item这个在工作中几乎没有用过。刚刚遇到了,了解了一下它的用法,记录在这里。

“display:list-item : 为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。”

例子如下:

为一个段落p定义如下样式:
display:list-item;
list-style:inside square;

效果就和ul中出现项目列表符号一样。display:list-item为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点,而display:block则不会出现黑点。

为元素内容生成一个块型盒

posted @ 2022-03-22 10:26  吃惊夜夜  阅读(379)  评论(0编辑  收藏  举报