Question

好吧，我不小心为无序列表显示了显示，而不是＆lt; li＆gt;块样式，如下所示：

li{
  display: block;
}

我意识到，当我输入该样式时，我的子弹被隐藏了，因此我不需要添加列表样式，如下所示：

li{
  display: block;
  list-style: none;
}

但问题是：显示为块的结果是什么？因为我认为，默认情况下＆lt; li＆gt;并且大多数HTML标签都显示为块，所以首先，我确实同意我是否添加“display：block”，它没有任何意义，除了HTML5的新赠品标签，例如as，＆lt; nav＆gt; ＆lt; header＆gt;，＆lt; footer＆gt;等等，我知道它确实是早期浏览器的必要条件。提前谢谢。

Answer 1

出于同样的原因，您可能希望li为display: inline，您可能希望a（内联元素）为display: block。< / p>

快速举例：

a {
  display: block;
  width: 200px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 2px dashed red;
}

<a href="#">I'm big!</a>

请注意，较大的区域是如何可点击的，您无法在内联中设置宽度和高度，因此display: block（或display: inline-block）可以很好地用于此目的。

CSS3显示为块

1 个答案: