html - 如何使用 CSS 使图像居中

标签 html css

我正在尝试将一些图像居中,而不管它们的宽度如何。

这是一个示例页面 http://www.shoezies.co.nz/product-category/collection+bags/

您会看到一些较小的袋子图像左对齐。我试过 margin: 0 auto;但这似乎不起作用。

最佳答案

如果你使用绝对位置试试这个,

img{
    right: 0px;
    left: 0px;
    margin:auto;
    display:block;
    position:absolute;
}

关于html - 如何使用 CSS 使图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47525660/

相关文章:

html - 如何对齐输入 datetime-local 的下拉列表

html - CSS:正文中的字体系列不适用于内容

javascript - 具有自动播放功能的幻灯片以及通过点进行选择的能力

css - 如何在CSS中设置边框的背景颜色

html - CSS flexbox 导航菜单 - 高度不够时重叠

css - 无法在 Selenium 中使用 CSS 选择器选择同级

javascript - 编辑按钮不显示

jquery - 如何使用带有本地文件的 HTML5 嵌入视频

html - 为移动设备隐藏图像

javascript - 为什么 document.location 或 window.location 都不起作用?