首页 > 技术文章 > 元素显示模式总结及元素显示模式的转换

youeryuankangbazi 2021-07-05 15:58 原文

元素模式

元素排列

设置样式

默认宽度

包含

块级元素 一行只能放一个块级元素 可以设置宽度高度 容器的100% 容器级可以包含任何标签
行内元素 一行可以放多个行内元素 不可以直接设置宽度高度 它本身内容的宽度 容纳文本或者其他行内元素
行内块元素 一行放多个行内块元素 可以设置宽度和高度 它本身内容的宽度  

 

 

元素显示模式的转换:

转换为块元素:display:block

转换为行内元素:display:inline

转换为行内块元素:display:inline-block

推荐阅读