Question

HTML

<div id="headerCircle">
    <div class="logo">
    </div> 
</div>

CSS

#headerCircle {
    width:460px;
    height:460px;
    background-color:#262626;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left:auto;
    margin-right:auto;
    margin-top:-320px;
}

.logo {
    background:url(../images/logov2.png) no-repeat;
    width: 354px;
    height: 181px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    top:10px;

}

我试图将徽标放在我创建的CSS形状上。即使左右边距设置为自动，它似乎只是略微偏离。

我尝试了什么 *填充左侧属性 *左财产 * Un嵌套徽标，并使用左右属性手动定位

Answer 1

一个简单的解决方案

将您的.logo margin-left: auto;更改为：

margin-left: 60px;

徽标将居中。

正确的css形状图像方式？

1 个答案: