0

这是一个类似的帖子：强制表格行变为单行，但不是强制内容消失，而是我试图强制实际行消失。我正在使用 css display: tables 来获取在 div 中垂直居中的内容

所以我有一个网站的一般设置：

-------------------------------------------------
|Row1                                           |
-------------------------------------------------
|Row2                                           |
-------------------------------------------------

我将html设置为：

<div class="A"> //display: table

  <div class="B"> //display: table-row, height: 100% // ROW 1
    <div class="C"> display: table-cell vertically centered contents go here
    </div>
  </div>

  <div class="B"> //display: table-row // ROW 2
    <div class="C"> display: table-cell vertically centered contents go here
    </div>
  </div>

</div>

通过将我的“b”div 的高度设置为 100%，我试图迫使它们占据桌子的整个高度（这样一次只能看到一个 - 然后我将它们向上或向下推使用 javascript)。

问题是表格正在增长以显示两个表格行，第 2 行始终可见。我不想使用显示：无。

此外，表格高度是可变的，因此我无法将表格设置为 200 像素，将表格行设置为 200 像素。

您可以在此处查看 javascript 将执行的操作的一个版本：jsfiddle。请注意，小提琴是一个固定的高度，所以我用边距实现了垂直居中。在上面的示例中，我需要高度可变，因此我必须使用另一种方法将 div 中的内容垂直居中（因此我选择显示：表格）

4

1 回答 1

0 
display:none;

是要走的路，
但我想你也可以使用

 height: 0px;
于 2013-03-06T02:11:40.183 回答