块级元素和行内元素的区别
2015-07-30 12:07
204 查看
块级元素和行内元素的区别:
1、块级元素会独占一行,其宽度自动填满其父元素宽度
行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容 而变化
2、 块级元素可以设置 width, height属性,行内元素设置width, height无效
【注意:块级元素即使设置了宽度,仍然是独占一行的】
3 、块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。
记忆方法: (顺序)
1 、占位:
2、宽高:
3、边距:
1、块级元素会独占一行,其宽度自动填满其父元素宽度
行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容 而变化
2、 块级元素可以设置 width, height属性,行内元素设置width, height无效
【注意:块级元素即使设置了宽度,仍然是独占一行的】
3 、块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。
记忆方法: (顺序)
1 、占位:
2、宽高:
3、边距:
相关文章推荐
- css布局相关知识
- CSS常见的块级元素和行内元素
- 行内元素和块级元素
- 块级元素与行内元素的区别
- 块级元素以及行内元素居中显示
- 行内元素和块级元素 区别
- 行内元素 与 块级元素的使用心得
- 深入认识CSS的行内元素
- 块级元素和行内元素的区别
- 【外边距塌陷】【设置浮动都会变成行内块级元素】【行内元素本身能设置内外边距】
- HTML+CSS开发(三)盒模型
- css盒模型和块级、行内元素深入理解
- 深入认识CSS的行内元素
- 块级元素和行内元素的区别
- 将一个div中的两个P元素同一行居中显示
- html中的行内元素和块级元素
- CSS块级元素和行内元素及其区别
- 块级元素和行内元素(内联元素)区别
- css中的display属性
- CSS 一些有用的知识点