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

行元素和块元素的区别

时间:2015-12-25 18:50:02      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

1.行内元素与块级元素直观上的区别

    行内元素会在一条直线上排列,都是同一行的,水平方向排列

    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同,主要是盒模型属性上

行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

 4.块级元素会独占一行,其宽度自动填满其父元素宽度,除非自定义宽度

     行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化
  块级元素有自己的区域,而行内元素没有自己的区域

可以通过css的display:block || inline来进行切换

行元素和块元素的区别

标签:

原文地址:http://www.cnblogs.com/pmx-pmx/p/5076350.html

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