logo部分的css属性问题
请问 header > .container > a {
display: block;
}
中的display值block改成inline-block也一样可以显示,一样的效果,那有什么区别呢?哪个更好些?
20
收起
正在回答
1回答
display:block 是让任何元素成块元素,可以独立成行,这个一般用于非块元素,比如p,span,strong,em,code等行内元素。
display:inline-block是将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。(准确地说,应用此特性的元素呈现为行内元素,周围元素保持在同一行,但可以和块元素一样设置宽度和高度)
对于display:inline-block这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。最流行的 IE 和 Firefox 却不支持这个属性(在 Firefox3 版本中将会支持 display:inline-block),所以相对而言display:block会好一些。
祝学习愉快!
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星