CSS图片对齐技巧

利用css中的 text-align 属性来控制图片在容器内的对齐方式

1、 构建一个div作为包裹容器

2、 预览当前布局效果

立即学习“前端免费学习笔记（深入）”；

3、 向容器中添加img元素

4、 观察图片默认对齐表现

5、 实现图片水平居中（设置 text-align: center）

6、 检查居中渲染结果

7、 设置图片右对齐（应用 text-align: right）

8、 查看右对齐实际呈现效果

9、 调整为左对齐（使用 text-align: left）

10、 确认左对齐显示状态

11、 提供完整HTML与CSS参考代码