block / inline / inline-block——块元素、内联元素、内联块


一、块元素

写法:display:block

块元素的特征:

1、没有宽度时,默认撑满一行

2、支持所有css命令

3、自带换行,默认占一行

二、内联元素

写法:display:inline

内联元素特征:

1、同排,一行可以有多个同类标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin
5、代码换行被解析成空格

三、内联块元素

写法:display:inline-block

内联块元素特征:

1、块元素能在一行上显示
2、内联元素支持宽高
3、没有宽度时,由内容撑开宽度

4、代码换行被解析成空格(问题)

5、ie6 ie7不支持块属性标签的inline-block(问题)

优质内容筛选与推荐>>
1、Android OpenGL ES 开发(六): OpenGL ES 添加运动效果
2、JMX监控 Tomcat Glassfish JBoss WebLogic WebSphere
3、ubuntu window 10 双系统
4、第十次作业
5、Sql Like 通配符 模糊查询技巧及特殊字符


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号