为什么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>

input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat:left}

这样就可以让input和ul显示在一行了。

但这样出现的问题是,紧跟着的内容也会跑到一行去,所以这里的ul后面再加一个div用来清除浮动。

input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat:left}

div {clear:both}

当然,你也可以用两个td来并列实现,如:

<table>

<tr>

<td>

<input type="text" size="30" maxlength="100" value="">

</td>

<td>

<ul class="errorMessage" style="color: red">

<li><span>2134</span></li>

</ul>

</td>

</tr>

</table>

<ul>

<li style="display:inline"><b>*</b>li1</li>

<li style="display:inline"><b>*</b>li2</li>

</ul>

那是肯定的撒,你手动给他加上标记撒。就像上面的


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存