html - 使用最大宽度和绝对定位使流体 DIV 居中

标签 html css-position centering fluid css

在有人因为我提出另一个居中问题而对我投反对票之前。判断前请先看我的情况!

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

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

我想始终保持居中 DIV 中的内容可见,我当前的代码不会这样做,它会在窗口变小时隐藏内容 http://jsfiddle.net/cCQ2w/

谁能提出适合我的解决方案?

最佳答案

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

关于html - 使用最大宽度和绝对定位使流体 DIV 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12387303/

相关文章:

php - 将输入类型复选框与输入类型文本关联

css - Internet Explorer 11 中的绝对定位错误

jquery - Chrome 绝对定位

css - GWT 错误!?添加 CSS "position: absolute"时 ClickHandler 未触发

html - 如何在 HTML 和 CSS 中将动画图像和非动画文本置于网页的中心,而不管设备类型如何?

javascript - 如何在 HTML 中显示类似开发网站的代码?

javascript - 使用 jQuery 获取父 <li> 项

html - 所有标题文本在移动 View 中都有一条线

html - 如何在我的 div 中将文本居中?

html - Div 未调整大小以适合图像