5

在有人反对我提出另一个居中问题之前。判断前请阅读我的情况!

我熟悉最常见的居中技术,但这是我的情况。我有一个 DIV,它必须在其父级中垂直和水平居中,但它也必须是流动的并且不超过 890px 的宽度。

Max-width 实现了我想要的流动性,但是因为绝对定位的元素需要宽度而不是 max-width,所以我的垂直/水平居中会中断。目前,我不得不牺牲流动性而不是居中(反之亦然),但我两者都需要。

我想始终保持居中 DIV 中的内容,我当前的代码没有这样做,它隐藏了内容,因为窗口变小了http://jsfiddle.net/cCQ2w/

任何人都可以提出一个可能对我有用的解决方案吗?

4

2 回答 2

2

我试图解决你的问题。请参阅此页面:http: //jsfiddle.net/PGce2/。所以它水平和垂直居中并且它是“流动的”并且不超过890px的宽度。

于 2012-09-12T12:06:03.620 回答
2

您可以提供 100% 的宽度,最大宽度设置为 890 像素。

我在 [here][1] 展示了水平和垂直居中对齐的 div 样本。

[1]: http://jsfiddle.net/r2qL5sgj/1/
于 2014-09-09T07:10:54.740 回答