您的位置:首页 > Web前端 > CSS

行内元素、块元素和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的区别-----后者占空间

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息