Question

我正在制作一个由表格制作的Coppermine主题（主题基础是这样制作的）。我试图给它一些CSS风格。

我希望图库内容占据整个容器。 Here you have the link to my gallery

正如您可能已经注意到的那样，画廊内容遍布左侧，但我也无法将其全部放在右侧（以这种方式整个容器将被占用）

这里有你正在使用的CSS代码

.maintable {
    background-color: #FFFFFF;
   margin-left: -40px;
padding-right:50px;
}

我做错了什么？

谢谢。

Answer 1

<div class="container">已添加padding: 40px。尝试将其更改为padding: 40px 0，以获得40px的垂直填充，但没有水平填充。从margin-left

中删除padding-right和.maintable

Answer 2

表格单元格不能使用边距。

一些替代方案：

填充。您仍然可以在表格单元格上使用填充。
为内部div添加保证金。在包含内容的表格单元格中放置一个div并将边距应用于该div。
border-spacing属性。 https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

Answer 3

你可以做到这一点:(只需评论我在下面评论过的行）

<强> 1。容器（style.css：34）

#container {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    /* padding: 40px; */
    box-shadow: 0px 0px 19px 
}

<强> 2。 menub（style.css：71）

.menub {
    background-color: #000;
    color: #fff;
    /* width: 100%; */
    padding: 30px;
    /* margin-left: -40px; */
    /* margin-top: -40px; */
    /* padding-right: 50px; */
}

第3。 adminmenu（style.css：81）

.adminmenu {
    background-color: #2E2E2E;
    color: #fff;
    /* width: 100%; */
    padding: 30px;
    /* margin-left: -40px; */
    /* padding-right: 50px; */
    margin-bottom: 30px;
}

<强> 4。维护（style.css：221）

.maintable {
    background-color: #FFFFFF;
    /* margin-left: -40px; */
    /* padding-right: 50px; */
}

左边和右边的CSS边距

3 个答案: