是否可以将内联元素声明为块？

Question

我将带有以下内容的样式表传递给W3C验证器并通过了：

a {
  display: block;
}

所以要确保使用内联元素作为块一个是否是有效的标记？ 我知道它会起作用但有效吗？

由于

Answer 1

是的，它完全有效。也很有用。

一个小注释（因为上面的答案很短），这种通常将内联元素设置为块元素的方法很常见。例如，在从列表创建水平导航菜单时，您经常会看到<a>元素使用display:block设置样式，以便链接能够占据父级的整个宽度和高度项目清单。

Answer 2

是的，它是有效的，但您也可以使用inline-block来保持块属性，同时使用内联元素。

Answer 3

是的，它是有效的。

如您所知，有些元素默认为内联或块。但是在CSS中覆盖它是完全有效的。

Answer 4

是，它有效。但是，如果确实不希望这样做，则可以将a包装在div中。那将是无用的，因为它是完全有效的;这就是display属性存在的原因。

Answer 5

样式表在符合CSS规范的意义上是有效的。这是一个纯正式的事情。在CSS中，选择器a没有特殊含义，它只是一个标识符; CSS没有关于HTML中a的含义的信息，例如作为内联元素，并且样式表实际上可以用于设置XML文档的样式，其中a表示完全不同的东西。< / p> 另一方面，HTML有效性根本不依赖于CSS。这是关于标记的正式事情，样式表不是标记。

在某些其他非正式意义上（如“良好实践”或“有用”或“符合风格指南”）是否“有效”是一个不同的问题，也是一个辩论问题而不是技术问题。无论如何，在display: block元素上设置a是常见的用法，可以按照我们为块做的方式设置其维度（例如，使链接填充表格单元格）。 / p>