CSS：中心父元素，而留下的子元素左浮动和左对齐

在我的头版，我想中心的目录视图（内容区域与标题“Golfverzeichnis”）：LINK CSS：中心父元素，而留下的子元素左浮动和左对齐

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

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

2013-02-02 Ralph

添加休耕到你的CSS jrDirView类

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

您可以用宽实验，直到你找到你想要的值。

2013-02-02 13:20:32 user1969202

如果你看看页面，内容区域已居中。

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

问题是您的内容不居中，因此对于用户来说，看起来该页面偏离中心。

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

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

2013-02-02 13:53:06

一个左右填充我同意。该页面已居中。最好减少“.jrDirview ul li.jrCatLevel1”的宽度并添加“margin-right”属性。 – Webars

回答