居中对齐调整大小的绝对 div [关闭]答案

【问题标题】：center align a resizing, absolute div [closed]居中对齐调整大小的绝对 div [关闭]
【发布时间】：2013-12-02 04:59:16
【问题描述】：

我设置了一个页面，但是我无法将新闻文章与页面中心对齐。

这是我目前所拥有的链接 -

基本上我需要红色区域与边缘的距离始终相同，即使它扩大了。这可能吗？

红色容器有 position:absolute 的 css

任何帮助将不胜感激。

PS。这只是我学习 css 和 html 的第一周，所以如果它是简单的东西请见谅。

谢谢

【问题讨论】：

【解决方案1】：

我认为你不需要position:absolute 你可以删除这个属性并添加这个：

.collection {
   display:table;
   margin:auto;
}

【讨论】：

【解决方案2】：

有很多可以改进的地方，但是对于你的问题，我会做这样的事情：

.collection {
    position: static;
    display: inline-block;
}
.roundcont {
    text-align: center;
}

你基本上需要删除 position: absolute; .collection 元素中的属性并将其显示更改为内联或内联块，然后设置文本对齐中心；到它的父 div 所以现在它看起来居中。

【讨论】：