tr / td height拒绝为0

Question

我正在尝试做一些非常简单的事情：将tr的高度调到0px，但它不起作用。

请参阅代码或this JSFiddle了解我尝试过的内容。

HTML：

<table>
  <tbody>
    <tr>
      <td>
        Title 1
      </td>
      <td>
        Title 2
      </td>
    </tr>
    <tr class="model">
      <td>
        <input placeholder="Name">
      </td>
      <td>
        <input class="delete" 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，？

编辑：问题似乎是嵌套在checkbox中的td。如何将 高度降低到0？

Answer 1

将font-size:0; margin:0;添加到班级

Answer 2

我知道我参加聚会迟到了，但是Bootstrap 3桌子也有同样的问题。在Chrome检查器中，引导css选择器看起来非常具体，因此除非我更具体，否则它们似乎优先于我的css。因此，尽管以下操作无效：

var authenticator = new IamAuthenticator(
    apikey: "{apikey}"
);

while (!authenticator.CanAuthenticate())
    yield return null;

对此进行更改以反映Bootstrap选择器的工作原理：

texture2DToMat(texture, frame);
Texture2DToMat(texture, frame);
OpenCvSharp.Texture2DToMat(texture, frame);
OpenCvSharp.CvConvert.Texture2DToMat(texture, frame);

Answer 3

将其包裹在DIV中，将其设置为不够高，隐藏overflow：

div {
 height: 1.2em;
 overflow: hidden;
}

Answer 4

我将visibility: collapse;添加到tr来解决此问题

Answer 5

通过使用不透明度，我们可以隐藏MEDIUMINT的内容一旦检查this

Answer 6

如果您想保持宽度，也需要设置这些。

from sqlalchemy.orm import sessionmaker
from dbkit.connect import create_engine

connection_string = 'mssql+mxodbc://user:password@dsn'
engine = create_engine(connection_string, pool_size=30, max_overflow=10)
session_factory = sessionmaker(bind=engine, autoflush=False)
session = session_factory()

Answer 7

我只是遇到了一个非常类似的问题-我的解决方案是将height和max-height都设置为s.th。略高于 0，就像这样

height:0.01px; max-height:0.01px;

也许结合

visibility:hidden;

不知道，为什么将其设置为0无效。但是，也许使用0.01px而不是0px仍然足够

Answer 8

其他几种解决方案的组合：

td {
  overflow: hidden;
  line-height: 0;
}

如果没有全文，而您有一部分显示出来，则可以使用：

<td><div>text</div></td>

，另外：

td div {
    overflow: hidden;
}