使用 min-height for p 获得相同的高度跨浏览器

Question

一个基本问题。

我设置了 p { height: 25px ; min-height 25px;} 在表单中获得相同的行高。 我在大多数浏览器中都能正常工作。

但是当我在 p 中隐藏 html 标签时，p 会保留空格（25px）

是否有用于最小高度的替代 css，使其在 IE 和其他浏览器中工作？因为 p 总是包含 html 输入（标签、文本框）。

Answer 1

如果您将其中的标签设置为不可见，<p> 元素将保持 25px 的空间，因为您已在元素上设置了高度。

如果您试图隐藏表单的某些部分，则必须隐藏包装 <p> 元素而不是内容。