对准块级与水平宽度垂直元件90％

确定我可以使用此对准块级与水平宽度垂直元件90％

<div id="centerId">...content</div> 

#contentId {width: 300px; height: 200px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -100px; }

现在如何对齐如果我想宽度是容器的90％的水平和垂直对准的内容：其中＃ contentId是。

来源

2011-06-04 coure2011

“对齐div垂直中心”...你是什么意思？你能解释一下吗？ – danyolgiax 2011-06-04 08:19:13

问题更新，现在检查。我希望你能得到我想问的问题。 – coure2011 2011-06-04 10:52:06

我通常使用两个ensted的div如下...

<div style="display: block; height: 100%; width: 100%; position:relative; overflow: hidden;margin: 0px auto;"> 
<div style="position: absolute; top: 40%;left:0px;display: table-cell; vertical-align: middle;text-align:center;"> 
    Content Here... 
</div> 
</div>

这里的窍门是

显示：表细胞

试试看：d

来源

2011-06-04 08:20:44

不工作..... – coure2011 2011-06-04 08:38:46

问题已更新。现在检查。 – coure2011 2011-06-04 10:51:42

对准块级与水平宽度垂直元件90％

回答

相关问题