Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在DIV中居中放置DIV?_Html_Css_Footer_960.gs - Fatal编程技术网

Html 如何在DIV中居中放置DIV?

Html 如何在DIV中居中放置DIV?,html,css,footer,960.gs,Html,Css,Footer,960.gs,我有一个页脚,我目前正在建设 我希望能够将页脚中的4个div居中(如第一段或5个图标(无法渲染))。最好的方法是什么 演示: CSS: 除去 /* #insidefooter, #disclaimer { max-width: 960px; min-width: 960px; margin-left: 25%; margin-right: auto; }*/ 在中添加#页脚 margin 0 auto; #footer { color: #C9C9C

我有一个页脚,我目前正在建设

我希望能够将页脚中的4个div居中(如第一段或5个图标(无法渲染))。最好的方法是什么

演示:

CSS:

除去

/* #insidefooter, #disclaimer {
    max-width: 960px;
    min-width: 960px;
    margin-left: 25%;
    margin-right: auto;
}*/
在中添加#页脚

margin 0 auto;

#footer {
    color: #C9C9C9;
    min-width: 1500px;
    background-color: #2d2d2d;
    list-style: none;
    height: 450px;
    background-image:url(http://i.imgur.com/yb7j6PD.png);
    background-repeat:repeat;
    margin 0 auto;
}
我解决了你的问题。 所以我对你的代码做了很多修改,结果如下:

实际的技巧是使用
display:inline块
左边距:自动;右边距:自动和其他一些我已经更改的内容,正如您可以从JSFIDLE中看到的一样

关于

删除下面的代码和

#insidefooter, #disclaimer {
    max-width: 960px;
    min-width: 960px;
    margin-left: 25%;
    margin-right: auto;
}
粘贴下面的代码

#insidefooter, #disclaimer {
    max-width: 960px;
    min-width: 960px;
    margin 0 auto;
}

我设法弄明白了。感谢您的时间和回答,但不幸的是,由于使用了网格系统(导致页脚扭曲),所有这些问题都未能解决

我需要做的是更改ul链接,添加位置:相对并手动指定其位置:

.ul_links{
   overflow: auto;
   display: inline-block;
   min-width: 700px;
   position: relative;
   left: 120px;
}
这可能不是最好也不是最整洁的方法,但它解决了这个问题


谢谢您的回复,但并没有解决问题,因为它扭曲了页脚上的所有内容:(.但我确实设法找到了答案(答案如下),结果证明修改ul_links类上的position变量就是所需的全部(无需更改太多代码)感谢您的回复,但并没有解决问题,因为它扭曲了页脚上的所有内容:(.但我确实设法找到了答案(答案如下),结果证明修改ul_links类上的position变量就是所需的全部(无需更改太多代码)@Pete是的,我在live网站上测试了它,但它不喜欢。出于某种原因,我的页脚似乎是浮动可靠的,如果我删除浮动,它将严重扭曲一切。我拍摄了一个屏幕截图,我将向您展示。不幸的是,它不起作用。一些建议类似于您的方法,可能在大多数情况下都有效s、 但由于960网格系统,它无法工作。请向我发送指向您网站的链接,我可以更好地理解您的代码:)页脚应该有位置:绝对;底部:0;左:0;右:0;这样行吗?这是链接dchost.co.uk。这个网站是建立在一个非常棒的框架上的。这是我第一次尝试建立一个网站,所以不要判断noobie代码:)没问题,我们是来帮助你的:)问题解决了吗?
.ul_links{
   overflow: auto;
   display: inline-block;
   min-width: 700px;
   position: relative;
   left: 120px;
}