css - 边距自动未在水平中心对齐项目

Question

.logo {
    border: 1px solid goldenrod;
}

.logo img {
    margin: auto;
    border: 1px solid red;
}

上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：上面是CSS，它的HTML是：

<header class="theader">
            <div class="logo">
                <img src="https://demo.templatic.com/cartsy/wp-content/themes/Cartsy/images/logo.png" alt="" width="100px" height="auto">
            </div>          
        </header>

标签： cssmargin

Answer 1

让它阻塞，它会工作

.logo img {
   border: 1px solid red;
   display: block;
   margin: auto;
}