css - 无效的表格间距

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        5年前关闭。



我有一个表单，但我不知道为什么表单不完全水平。

这是JSFiddle：http://jsfiddle.net/Sn9uQ/

            <div type="radio" name="q1" value="Broken">
              <br />
              <p class=main>Broken</p>
              <p class="sub">Doesn't turn or has serious functional<br/> and cosmetic issues</p>
            </div>

最佳答案

发生这种情况是因为第一个div.radio具有两行内容，而其他baseline仅一行，因此高度不同。

垂直对齐的默认值为.radio div[type='radio']，它使元素沿其父对象的底部边缘对齐。

如果您只是添加

vertical-align:top;

在的CSS中，三个div的顶部将沿相同的垂直位置对齐。

这是a working jsFiddle。

关于css - 无效的表格间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22085218/

上一篇：javascript - 在突出显示文本时，突出显示接收边框半径

下一篇：css - Tumblr 页面菜单和社交按钮未显示在移动设备中

相关文章：

javascript - 文本不会激活 js 和 css 动画

css - 为什么作用域样式没有加载到 nuxt 页面中？

javascript - 当此值更改时，如何确保 Bootstrap 列扩展以适应其内容的宽度？

javascript - 使用 jquery 创建在单击 "next/previous"时移动的响应式 slider ，但不使用插件

jQuery - 从随机选择的列表项中删除类，保留悬停时重新调用的能力

javascript - 隐藏可见性的子 div 不会消失

javascript - 如何在不重新输入的情况下将所有 JavaScript 和 css 文件加载到 WordPress function.php

html - 高度 : 100% VS Height:auto

html - 无法让导航栏水平显示

jQuery fadeIn.css()？