Html 如何在DIV中居中放置DIV?
我有一个页脚,我目前正在建设 我希望能够将页脚中的4个div居中(如第一段或5个图标(无法渲染))。最好的方法是什么 演示: CSS: 除去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
/* #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;
}