将HTML图像居中

我希望这两个图像居中。请参阅，以获取我所需内容的视觉表示

代码：

*{
框大小：边框框；
}
.栏目{
浮动：左；
宽度：28%；
身高：28%；
填充物：5px；
}
/*Clearfix（清除浮动）*/
.行：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}

试试这个

.row
{
  display: flex;
  justify-content: center;
}

---

与其使用浮动，不如使用flexbox。请参阅，以了解使用此选项的所有不同选项

工作示例：

/*概述*/
* {
框大小：边框框；
}
img{
宽度：100%；
高度：自动；
}
/*具体的*/
.行{
显示器：flex；
证明内容：中心；
}
.栏目{
弹性：0128%；
填充物：5px；
}

---

试试这个：

.column{
宽度：28%；
身高：28%；
填充物：5px；
显示：内联块；
右边距：15px；
文本对齐：左对齐；
}

内部部分的class=“column”导致图像并排显示

这两个更改可以使图像以居中对齐的方式一个接一个地显示：

为顶层部分指定“对齐=中心”

为显示图像的部分指定“class=row”

以下是有效的解决方案：

<div align="center">
    <div class="row">
        <img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg" alt="Snow" style="width:300px">
        </div>
    <div class="row">
        <img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg" style="width:300px">
    </div>
</div>

*{
框大小：边框框；
}
.栏目{
浮动：左；
宽度：28%；
身高：28%；
填充物：5px；
}
/*Clearfix（清除浮动）*/
.行{
显示器：flex；
调整内容：中心
}

---

使用

显示：内联块

而不是

float:left

在

列中
对
行
类使用
宽度：100%


*{
框大小：边框框；
}
.行{
宽度：100%；
}
.栏目{
显示：内联块；
宽度：28%；
身高：28%；
填充物：5px；
}
/*Clearfix（清除浮动）*/
.行：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
StackOverflow不喜欢只使用代码的答案。因为您最初没有解释这段代码解决了什么问题，所以它被标记并放在一个审阅队列中，以查看是否应该删除它。请编辑您的答案并添加评论，以便将来不会有人删除它。