码迷,mamicode.com
首页 > 其他好文 > 详细

深入了解display:inline-block

时间:2017-05-25 23:35:54      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:元素   inline   span   类型   了解   设置   border   rowspan   line   

      先聊display吧,display 属性规定元素应该生成的框的类型。也就是这个属性用于定义建立布局时元素生成的显示框类型。因为牵扯到布局,使用display属性时,要是用错了display的值,很可能之前的布局会大乱。针对前端构建布局工程师来说,布局乱了那还了得,所有很有必要深入了解display属性。

     display常用到的几个属性值block、inline-block、inline和none

属性值 block inline inline-block none
宽高 支持宽高 不支持宽高 支持宽高 隐藏元素,并脱离文档流
  不设置宽度时,宽度为父元素宽度 内容撑开宽度 不设置宽度时,内容撑开宽度
   独占一行  非独占一行  非独占一行
       
       
       

深入了解display:inline-block

标签:元素   inline   span   类型   了解   设置   border   rowspan   line   

原文地址:http://www.cnblogs.com/gengxin666/p/6906252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!