gpt4 book ai didi

html - 表格上方出现空格(仅限 Chrome)

转载 作者:太空宇宙 更新时间:2023-11-03 23:55:51 30 4
gpt4 key购买 nike

我有一个表单,其中有一个图例和一组字段。我正在使用 Bootstrap 2.x 来设计它。出于某种原因,空格出现在表单上方,但仅在 Chrome 中(它在 IE10 和 Firefox 中呈现良好)。我已将其缩减为仅展示我遇到的问题的基础知识:

<form>
<fieldset>
<legend>Legend</legend>

<div class="control-group">
<!-- This div results in the space appearing above the form -->
<label class="control-label">First Name</label>
<div class="controls">
<input type="text" />
</div>
</div>
</fieldset>
</form>

如果我从包装输入字段的 div 中删除 class="control-group",空间会神奇地消失,尽管看起来与此问题无关。我已经检查了 Chrome 中所有内容的所有边距和填充,但什么也没有,所以我不知道这个间距是从哪里来的。我需要在这些字段 div 上使用此类,因为我正在实现水平表单。我正在努力想办法解决这个问题——有什么想法吗?这里有一个 jsfiddle 来演示:http://jsfiddle.net/christhecoder/kDrVH/3/

如有任何帮助,我们将不胜感激!

最佳答案

http://jsfiddle.net/kDrVH/10/

@import url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css");

legend+.control-group{
margin-top:0px;
}

你从中获得 20 margin :legend+.control-group

关于html - 表格上方出现空格(仅限 Chrome),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18700904/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com