Question

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

这是我到目前为止的链接 -

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

红色容器的css为position：absolute

非常感谢任何帮助。

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

由于

Answer 1

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

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

Answer 2

有很多可以改进，但是回答你的问题，我会做这样的事情：

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

你基本上需要删除位置：绝对;来自.collection元素的属性，并将其显示更改为内联或内联块，然后设置text-align center;到它的父div，所以它现在看起来居中。