CSS:将父元素居中,同时让子元素向左浮动并向左对齐

时间:2013-02-02 13:13:38

标签: css centering

在我的首页上,我想在目录视图中心(内容区域标题为'Golfverzeichnis'):LINK

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

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

2 个答案:

答案 0 :(得分:0)

将以下内容添加到CSS gridView类

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

您可以尝试宽度,直到找到所需的值。

答案 1 :(得分:0)

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

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

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

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

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