Question

我正在使用wordpress，我想将我的帖子顶部的图像居中。我试了很多但没什么用。所以这是代码：

<div class="entry-thumb">
            <img width="183" height="260" src="http://localhost/bdtresor/wp-content/uploads/gmb1_mister.president.2.JPG" class="attachment-newsanchor-large-thumb size-newsanchor-large-thumb wp-post-image" alt="Image du post 222">
</div>

css

.entry-thumb {
    max-width: 1000px;
    /*margin: auto;*/
}

.entry-thumb {
  border : 1px solid black ; 
  }

img {
    max-width: 100%;
    height: auto;*/
    margin-left: auto;
    margin-right: auto;
}

我不知道该怎么办。当我进行左边距离：50px时，它可以工作，但它没有居中，但如果我把margin-left：auto，什么都没发生...... 谢谢你的帮助

Answer 1

制作图像display:block，使边距居中工作。

.entry-thumb {
    max-width: 1000px;
    /*margin: auto;*/
}

.entry-thumb {
  border : 1px solid black ; 
  }

img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display:block;
}

<div class="entry-thumb">
            <img width="183" height="260" src="http://lorempixel.com/183/260" class="attachment-newsanchor-large-thumb size-newsanchor-large-thumb wp-post-image" alt="Image du post 222">
</div>

请注意，max-width会与图片尺寸冲突，因为它们是在图片上定义的。（您应该从width代码中删除height和img属性

以图像为中心让我发疯

1 个答案: