logo部分的css属性问题

logo部分的css属性问题

请问 header > .container > a {

    display: block;

}

中的display值block改成inline-block也一样可以显示,一样的效果,那有什么区别呢?哪个更好些?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

display:block 是让任何元素成块元素,可以独立成行,这个一般用于非块元素,比如p,span,strong,em,code等行内元素。

display:inline-block是将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。(准确地说,应用此特性的元素呈现为行内元素,周围元素保持在同一行,但可以和块元素一样设置宽度和高度)

对于display:inline-block这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。最流行的 IE 和 Firefox 却不支持这个属性(在 Firefox3 版本中将会支持 display:inline-block),所以相对而言display:block会好一些。

祝学习愉快!


  • 听羽 提问者 #1
    谢谢回答,但是有一点个人认为不对,display:inline-block是将对象呈递为内联块状元素,它同时具有内联元素和块状元素的特点,即和其他元素都在一行上,元素的高度、宽度、行高以及顶和第边距都可设置。不过我知道了inline-block这个属性并不是所有浏览器都识别。
    2016-12-13 16:43:53
  • 卡布琦诺 回复 提问者 听羽 #2
    在这里其实我们理解的意思是相同哒,我在这里所提到的“display:inline-block是将对象呈递为内联对象,但是对象的内容作为块对象呈递”直观来理解”就是display:inline-block是将对象呈递为内联块状元素,它同时具有内联元素和块状元素的特点”的意思。 祝学习愉快!
    2016-12-13 17:13:39
  • 听羽 提问者 回复 卡布琦诺 #3
    嗯嗯,谢谢了
    2016-12-13 20:38:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师