相关疑难解决方法(0)

如何使用CSS <div>在另一个内部水平居中<div>？

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

在Firefox，IE6和IE7中可以正常使用的将HTML内容垂直和水平居中的实用解决方案是什么？

一些细节：

• 我正在寻找整个页面的解决方案。

• 您只需要指定要居中的元素的宽度。元素的高度在设计时未知。

• 最小化窗口时，仅当所有空白都消失时才出现滚动。换句话说，屏幕的宽度应表示为：

“ leftSpace宽度=（screenWidth-widthOfCenteredElement）/ 2” +
“ centeredElement宽度= widthOfCenteredElement” +
“ rightSpace宽度=（screenWidth-widthOfCenteredElement）/ 2”

和高度相同：

“” topSpace高度=（screenHeight-heightOfCenteredElement）/ 2“ +
” centeredElement高度= heightOfCenteredElement“ +
” bottomSpace高度=（screenWidth-heightOfCenteredElement）/ 2“

• 实际上，我的意思是表的使用是可以的。我打算将此布局主要用于特殊页面，例如登录。因此，CSS纯度在这里并不是很重要，而为了将来的兼容性，需要遵循以下标准。