display属性常用的三种值:block、inline-block、inline
2017-12-24 15:56
435 查看
1.block 块级元素
特点:
a.block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父级宽度
b.block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
c.block元素可以设置margin和padding属性。
常见的有:div p h1-h6 ol ul dl table blockquote form
2.inline 内联(行级)元素
a.inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
b.inline元素设置width,height属性无效。
c.inline元素纵向的margin和padding不能设置值。
常见的有:span a strong em label input select textarea img br
特点:
a.block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父级宽度
b.block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
c.block元素可以设置margin和padding属性。
常见的有:div p h1-h6 ol ul dl table blockquote form
2.inline 内联(行级)元素
a.inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
b.inline元素设置width,height属性无效。
c.inline元素纵向的margin和padding不能设置值。
常见的有:span a strong em label input select textarea img br
相关文章推荐
- display属性常用的三种值:block、inline-block、inline
- CSS中样式 display 属性 inline,block及inline-block
- CSS中display属性 block,inline,none的区别
- 关于display的属性:block和inline-block以及inline的区别
- css属性-display:inline、block、inline-block的区别
- display属性的block,inline和inline-block
- css display属性:inline、block、inline-block
- CSS中display属性:block、inline和inline-block的区别
- css块元素的 display 属性 inline-block 的应用
- display的inline-block属性
- CSS中的display属性:inline,block,inline-block
- css属性之display:none、block、inline
- css显示属性(display)block和inline的区别
- CSS中样式 display 属性 inline,block及inline-block
- CSS: 关于display属性中inline、block、inline-block的不同
- css中display属性inline,block,inline-block详解
- css块元素的 display 属性 inline-block 的应用
- CSS中样式 display 属性 inline,block及inline-block
- display的block、none、inline属性及解释