块元素设置inline属性不能设置宽高的解决办法

标签： 前端htmlcss布局

2016-05-22 11:47 886人阅读 评论(0) 收藏 举报

 分类：

小知识点收集（15） 

• 
  

  版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
  http://www.blogbus.com/catller-logs/30679536.html
  
  

  inline为display属性：设置是否及如何显示元素 ---> 此元素会被显示为内联元素，元素前后没有换行符。

  在<li style="display:inline">，可以使其在一行中显示。但当这个时候我无法给li限制高度和宽度。给布局上带来很大的不便。

  <!--以下为ZT-->

  Li，默认情况下，是块级元素，但我们给其加上了display:inline;使得其变为了内联元素。内联属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。在这个时候，如果我们要给li进行定义宽度和高度，我们就要用到float:left;(左浮动)

   

  程序代码

  float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。