CSS：inline、block和inline-block的区别
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS：inline、block和inline-block的区别
block
块级元素特点：
1、每个块级元素都从新的⼀⾏开始，并且其后的元素也另起⼀⾏。
（很霸道，⼀个块级元素独占⼀⾏）
2、元素的⾼度、宽度、⾏⾼以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本⾝⽗容器的100%（和⽗元素的宽度⼀致），除⾮设定⼀个宽度。
inline
内联元素特点：
1、和其他元素都在⼀⾏上；
2、元素的⾼度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的⽂字或图⽚的宽度，不可改变。
inline-block
内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点。
inline-block 元素特点：
1、和其他元素都在⼀⾏上；
2、元素的⾼度、宽度、⾏⾼以及顶和底边距都可设置。