行元素、块元素和行内块元素

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)时会转化成行内块元素特点。



这篇关于行元素、块元素和行内块元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程