html - CSS,显示属性(菜单栏)

标签 html css inline block

我正在尝试理解 html/css 菜单栏,但我的问题出在显示属性上,

我非常了解这个属性,但是如果你看一下这个 Link , 只是一个简单的菜单栏,但问题是我不明白为什么 li 标签和 css 样式的 a 标签在 float 完成工作时在其中包含显示属性,您可以删除它们并且菜单看起来相同,我知道两个标签样式都有显示属性的原因,但我不明白,如果有人可以帮助我理解为什么显示属性在 li css 样式中具有内联值,并且具有值 block 在 li a 的 css 样式,再次不是我不知道这个属性,只是我不明白为什么它在那里,谢谢大家,祝你有美好的一天。

最佳答案

display:inline用于 li 的是使 li 水平对齐或并排对齐。

display:block在 li a 中使用,因此 a 应该完整地包含 li,这样如果您在 li 中的任何位置单击 <a>标签会起作用,而且不仅会在点击文本时起作用。

关于html - CSS,显示属性(菜单栏),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11510294/

相关文章:

CSS - 抓取元素并内联显示它们(绝对定位?)

javascript - 操纵 <td >'s within different <tr>' s

html - 如果我要在 web 应用程序中使用更多的 SVG 图标,我不能直接为每个图标使用下面提到的代码

c++ - 在一个类中内联

html - 更改复选框位置

javascript - 如何使用 HTML5、Javascript、DOM 和 CSS 创建交互式图像

html - 如何在一个 Div 中内联两个图像 Div?

javascript - 使用 JavaScript 验证输入的 HTML

javascript - 使用replace从html中删除<strong>标签

javascript - 如何更改 Div 的可见性