行元素、块元素和行内块元素
2021/7/29 23:35:53
本文主要是介绍行元素、块元素和行内块元素,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
块标签:div p h1-h6 hr ul ol li dl dd dt form
①支持宽高,自上而下排列
②不受空格影响
③一般用于其他标签的容器
④默认宽度为100%(独占一行)。
行内标签:span i a b strong em sub sup u label br font
①不支持宽高(宽高根据内容大小自动撑开),自左向右排列
②受空格影响
③不独占一行
行内块标签:img textarea input
①支持宽高,自左向右排列
②受空格影响
③不独占一行
标签之间的转换
display:inline(转为行内元素)
inline-block(转为行内块元素)
block(转为块元素)
none(隐藏 不显示)
注意:当元素浮动(float)时会转化成行内块元素特点。
这篇关于行元素、块元素和行内块元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-20RabbitMQ教程:新手入门指南
- 2024-11-20Redis教程:新手入门指南
- 2024-11-20SaToken教程:新手入门指南
- 2024-11-20SpringBoot教程:从入门到实践
- 2024-11-20Java全栈教程:从入门到实战
- 2024-11-20Java微服务系统教程:入门与实践指南
- 2024-11-20Less教程:初学者快速上手指南
- 2024-11-20MyBatis教程:新手快速入门指南
- 2024-11-20QLExpress教程:初学者快速入门指南
- 2024-11-20订单系统教程:从入门到实践的全面指南