0

由于某种原因，我无法将 . logo类与 CSS。

我试过了margin:0px auto。

我忽略了什么吗？

谢谢。

CSS：

.full {
    width: 100%;
    height: auto;
    float: left;
    clear: none;
    position: relative;
    display: block;
}

.logo {
    width: 230px;
    height: 117px;
    float: left;
    clear: none;
    position: relative;
    display: block;
    margin: 10px auto 15px auto;
    padding: 0;
}

HTML：

<div class="full"> 

<figure class="logo"></figure> 
<figure class="x-button"></figure>

</div>
4

3 回答 3

3

删除以下内容：

.logo {
    float: left;
}

您不能通过 直接居中浮动元素margin:0px auto;。如果您希望元素浮动并居中，则始终可以将边距应用于父级，而子级本身保持浮动。可以在这里看到一个例子。

请记住，如果它只是您想要居中的文本，您可以随时使用：text-align:center;

于 2013-09-20T17:28:30.753 回答
1

删除. float: left;_ 使其与左侧对齐。.logofloat: left

单击此处获取演示小提琴。

于 2013-09-20T17:28:56.943 回答
1

至少在这种情况下，您不能将浮动元素水平居中。

这是一个最小的例子：http: //jsfiddle.net/tJ5N3/

正如上面其他人所说，您可以删除浮动。

div此外，作为一种解决方法，您可以使用水平居中的 a 包裹您的元素。在这种情况下，如有必要，您可以保持浮动。

于 2013-09-20T17:35:55.090 回答