css如何让两张图片左右对齐

1、新建一个html文件，命名为test.html，用于讲解css如何让两张图片左右对齐。

2、在test.html文件内，在div内，使用img标签创建两张图片。

3、在test.html文件内，设置div标签的class属性为mydiv。

4、在css标签内，通过class设置div的样式，定义它的宽度为300px，高度为58px，背景颜色为灰色。

5、在css标签内，通过使用“:first-child”选择器选中第一张图片，让它浮动向左，使用“:last-child”选择器选中第二张图片，让它浮动向右，从而实现两张图片左右对齐。

6、在浏览器打开test.html文件，查看实现的效果。

1、在test.html文件内，在div内，使用img标签创建两张图片，设置div标签的class属性为mydiv。

 

2、在css标签内，通过class设置div的样式，定义它的宽度为300px，高度为58px，背景颜色为灰色。

 

3、在css标签内，通过使用“:first-child”选择器选中第一张图片，让它浮动向左，使用“:last-child”选择器选中第二张图片，让它浮动向右，从而实现两张图片左右对齐。

 

4、在浏览器打开test.html文件，查看实现的效果。