css - CSS：将父元素居中，同时让子元素向左浮动并左对齐

Question

在我的首页上，我想将目录视图居中（标题为“Golfverzeichnis”的内容区域）：链接

要居中的 CSS 元素的名称：jrDirView

问题描述：它们下面的图像和左对齐的链接应该保持不变，但是现在左对齐的整个目录视图区域应该居中，所以左右的空白是相等的。

score 0 · Accepted Answer

将休闲添加到您的 CSS jrDirView 类中

.jrDirView{
   margin: 0 auto;
   width:1000px;
}

您可以试验宽度，直到找到所需的值。

score 0 · Accepted Answer

如果您查看页面，内容区域已经居中。

您可以通过在最右侧列中显示的图像之一下放置大量标签来证明这一点。

问题是您的内容未居中，因此对用户而言，页面似乎偏离了中心。

您可以通过任意设置 jrDirView 的左边距来调整问题，以强制内容显示为居中，但这不是一个非常强大的解决方案。

更好的解决方案可能是强制文本区域的宽度（大约）与图像的已知宽度相同，然后在 jrListingThumbnail 和 jrContentDiv 上设置左右填充

2 回答 2