边距自动不在水平中心对齐项目

Question

.logo {
    border: 1px solid goldenrod;
}

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

上面是CSS上面的HTMLis:the上面是CSS上面的HTMLis:the上面是CSS及其HTMLis:the上面是CSS及其HTMLis:the上面是CSS及其HTML is:the 上面是CSS 其HTML is:the 上面是CSS 其HTML is:the 上面是CSS及其HTMLis:the上面是CSS及其HTMLis:the上面是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>

Answer 1

让它阻塞，它就会起作用

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

边距自动不在水平中心对齐项目

Margin auto not aligning Item in horixontal center

css

margin