行内元素、块元素和css属性display
2016-10-20 18:21
375 查看
display属性的常见四个属性值:none,inline,block,inline-block
test1:test2:none
test3:inline
让P标签不在是分段的,而是同行显示
我是第二段
我是第三段
我是第四段
test4:inline-block
由于Inline-block非常像img,即是同行显示(行内元素特性,块级元素独占一行,前后都有换行符),同时也可以设置宽高,(普通的行内元素无法设置宽高(少数可以,除了img就是imput type='image'),块级元素根据内容自动增加宽高,或者直接设置
这是inline-block
这是inline-block
test5:block
我是span但我要行级显示了!
我是span但我要行级显示了!
我是span但我要行级显示了!
test5:list
我是span,听说我要列表显示。。
我是span,听说我要列表显示。。
我是span,听说我要列表显示。。
同样不可见,display:none和visibility:hidden的区别-----后者占空间
相关文章推荐
- 详解css中的display属性(行内元素和块级元素)
- CSS 中的内联元素、块级元素以及display的各个属性的特点
- 一段代码弄清楚CSS属性display和visibility的差别,以及dom元素可见的条件
- CSS 中的内联元素、块级元素以及display的各个属性的特点
- CSS实现父级元素属性display为block的元素垂直和水平居中的三种方法
- CSS的display属性,显示或隐藏元素
- css的display属性 块级元素 内联元素
- CSS 中的内联元素、块级元素以及display的各个属性的特点
- 栋栋晓05:详解css布局中的display属性(行内元素和块级元素)
- CSS学习----块级元素和内联元素(display属性)
- CSS的display属性对js获取元素宽高的影响
- CSS属性 display 显示属性
- CSS属性中Display与Visibility的不同
- 关于CSS属性display:none和visible:hidden的区别
- 关于CSS属性display:inline-block的深入理解
- CSS属性中Display与Visibility的不同
- 慎用 CSS display 属性
- CSS属性中Display与Visibility的不同
- css显示属性(display)block和inline的区别
- 实例分析CSS属性Display与Visibility不同(轉)