为什么html中h2不可以和li一行

为什么html中h2不可以和li一行,第1张

这是因为h2默认是块级元素,它会独占一行(div也是块级元素,所以div也不会跟其他元素同一行)。把h2和li都强制设为行内元素(inline)或行内块级元素(inline-block)就可以在一行了:

<h2 style="display:inline-block">这是h2</h2><li style="display:inline-block">这是li</li>

也可以设为浮动元素,这样也会出现在同一行:

<h2 style="float:left">这是h2</h2><li style="float:left">这是li</li>

使用行内块:给两个h2都加上display:inline-block前提是宽度能够容纳这两个盒子。

使用浮动:给两个h2都加上float : left | right

使用定位:都加上position:absolute,通过修改left | right | top | bottom来排版。但这个方法在这里不推荐,


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7155717.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存