我知道这个问题已经被问了一百万次了,而且我已经在我创建的其他网站中使用了所有这些解决方案,并且它们工作得很好。
但是,在我最近的情况下,通常的答案对我不起作用。
这是需要在其中居中放置其他元素的类(即列表、表格):
.container {
position: relative;
width: 80%;
height: 90%;
background-color: #282828;
box-shadow: inset -6px -6px 6px -2px #1d1d1d;
color: #FFF;
border-radius: 0 10px 0 0;
float: left;
}
我添加了 ,因为我在其中position: relative
放置了另一个孩子,其位置设置为。我实际上设法使事情居中,但这不是我需要的那种居中。当我在里面添加一个类似表格的 div 结构时,它直接回到了左边——不知道为什么。<div>
.container
absolute
.container
我会很感激一些帮助。
JSFiddle:http: //jsfiddle.net/J3jm7/3/