细胞和浮游物？

 

我有一个长的div容器设置为display:table和其中的＆divs设置为display:table-cell; vertical-align: middle display:table-cell; vertical-align: middle 。

我对垂直对齐的结果感到非常满意，但是：

  • 我不知道这3个div的宽度，
  • 我想让他们中的一个在div容器的右侧（当然是减去填充），
  • float: right不适用于display: table-cell 。

    • 这里有一个例子（我想把金色的div放在右边）。 我不能使用JS。 我需要它在IE7 +或IE8 +中工作，如果IE7不可行的话。 任何提示/想法？

    http://jsfiddle.net/cZ7Th/2/

    我不知道这是否适用于IE7或8，但我已经完成了width: 1px ， width: auto和white-space: nowrap 。 将表格布局中的所有单元格定义为一个像素宽，但是防止包装; 然后在要浮动的那个之前添加一个空的填充单元格。

    http://jsfiddle.net/wZ96P/

    似乎至少与现代版本的Chrome，Opera，Firefox和IE一起工作。

    对于此垂直对齐不起作用： 

    <div style="display: table-cell; vertical-align: middle; float: right">...</div>

    但为此，它对我有用： 

    <div style="float: right">
  <div style="display: table-cell; vertical-align: middle">...</div>
</div>

    当float！= none时，则显示= block

    链接地址: http://www.djcxy.com/p/94729.html

    上一篇: cell & float?

    下一篇: How to delete border spacing in table