HTML行内元素和块级元素的转换
程序员文章站
2022-07-07 18:14:03
...
HTML行内元素和块级元素的转换
1.1 CSS display属性
行内→块级,display:block;
块级→行内,display:inline;
1.2 CSS position:absolube;属性
使行内元素转换为隐式的块级元素。position:absolute;使得元素脱离文档结构,拥有了盒子属性,但不占据任何文档流空间。对于多个行内元素使用该属性,则遵循“后来者居上”的原则。
1.3 CSS folat属性
使行内元素转化为隐式的块级元素,对内的话元素拥有了盒子属性,对外则还是行内元素的属性,不占据一行。