以最大宽度和绝对定位为中心设置流体DIV

  • Z时代
  • 2024-01-10
  • 分类：问答

在某人因为要求另一个居中问题而投票给我之前，请在判断之前阅读我的情况！以最大宽度和绝对定位为中心设置流体DIV

我熟悉大多数常见的定心东西的技巧，但这是我的情况。我有一个DIV，它必须在它的父级中垂直和水平居中，但它也必须是流畅的，不能超过890px的宽度。

最大宽度实现了我想要的流体性，但是因为绝对定位元素需要宽度而不是最大宽度，所以我的垂直/水平居中中断。此刻，我不得不牺牲流体性而不是居中（反之亦然），但我同时需要两个。

我想保持内容我中心DIV内鉴于在任何时候，我当前的代码并没有这样做，它隐藏的是由窗口中的内容更小http://jsfiddle.net/cCQ2w/

任何人都可以提出一个解决方案可能适用于我？

回答：

我试着解决你的问题。见本页：http://jsfiddle.net/PGce2/。所以它水平和垂直居中，它是“流动的”，不超过890px的宽度。

回答：

您可以设置宽度为100％，最大宽度设置为890像素。

我已经展示[这里] [1]水平和垂直对齐中心的div样本。

[1]: http://jsfiddle.net/r2qL5sgj/1/

以上是 以最大宽度和绝对定位为中心设置流体DIV 的全部内容， 来源链接： utcz.com/qa/265445.html

回到顶部