"未渲染的margin-top在fieldset的legend上"
P粉659516906
P粉659516906 2024-04-04 19:40:04
0
2
3515

我有一些等效于以下内容的HTML代码:

<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="margin-top: 20px;">testing....</legend>
  </fieldset>
</div>

我的问题是为什么在 legend 上的 margin-top 没有渲染?我想只用 CSS 来解决这个问题。谢谢!

P粉659516906
P粉659516906

全部回复(2)
P粉521013123

如果你真的想要这样做,那么设置 legend { float: left; }

legend {
  float: left;
}
<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="margin-top: 20px;">testing....</legend>
  </fieldset>
</div>
P粉593118425

尝试使用 padding 替代。这样就能起作用。

之所以 margin 不起作用是因为边框和文本内容之间的距离被称为 padding 而不是 margin。

<div style="border: 1px solid black">
  <fieldset style="margin: 0">
    <legend style="padding-top: 20px;">testing....</legend>
  </fieldset>
</div>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!