html – trtd height拒绝为0

概述我正在尝试做一些非常简单的事情：将tr的高度调到0px,但它不起作用. 请参阅代码或this JSFiddle以了解我的尝试. HTML： <table> <tbody> <tr> <td> Title 1 </td> <td> Title 2 </td> </tr> <tr class=" 我正在尝试做一些非常简单的事情：将tr的高度调到0px,但它不起作用.

请参阅代码或this JSFiddle以了解我的尝试.

HTML：

<table>  <tbody>    <tr>      <td>        Title 1      </td>      <td>        Title 2      </td>    </tr>    <tr >      <td>        <input placeholder="name">      </td>      <td>        <input  type="checkBox">      </td>    </tr></table>

CSS：

.model,.model * {  max-height: 0 !important;  min-height: 0 !important;  height: 0 !important;  margin-top: 0 !important;  margin-bottom: 0 !important;  padding-top: 0 !important;  padding-bottom: 0 !important;  border-top: 0 !important;  border-bottom: 0 !important;  outline: 0 !important;}.model {  background-color: red;}

结果：

结果中有红色,因此tr高度仍不为0.

如何在保持宽度的同时将其设为0？

编辑：问题似乎是嵌套在td中的复选框.如何将其高度降至0？

解决方法 添加Font-size：0;余量：0;上课 总结

以上是内存溢出为你收集整理的html – tr / td height拒绝为0全部内容，希望文章能够帮你解决html – tr / td height拒绝为0所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。