Question

我试图在div中创建DIV。但我面临着以居民为中心的问题。我跟着 How to horizontally center a <div> in another <div>?

使用上述问题中建议的方法，DIV水平居中但不垂直居中。 http://jsbin.com/oyemu4

目前我正在使用保证金最高限额：20％。请建议其他一些垂直居中的方式。另一个问题是，我们的百分比可以不透明吗？

Answer 1

支持不透明度，支持交叉浏览

  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity:0.7;

垂直对齐替代

div{
 height:200px;
 line-height:200px;
/*dont need vertical alignment in this case*/
}

Answer 2

不透明度总是以百分比形式指定吗？当你写opacity: 0.6之类的东西时，你所说的是“让这60％不透明”。

CSS中的垂直居中是一种痛苦，在多种浏览器中支持可能很麻烦。如果你真的需要它，有时你可以通过设置边距/填充来“欺骗”，如果你愿意给垂直居中的内容一个固定的高度，它将以数学方式居中。这是我建议的解决方案。在您的示例中，这意味着为内部div提供固定高度并设置边距，使其垂直位于父div的中间。

Answer 3

使用

<div style="width: 300px; height: 300px; background:Red; vertical-align: middle; display: table-cell;">
    <div style="width: 100px; height: 100px; background:Blue; margin: auto;"></div>
</div>

<强>显示：表细胞;垂直对齐：中部;外部div和边距：auto;在内部div

Answer 4

您可以在css here找到有关垂直居中的更多信息。

关于您的不透明度问题，始终以百分比表示。

opacity: 0.90; /* This is 90% */

如何在另一个DIV中创建DIV？

4 个答案: