css如何让2个图片对其

CSS 如何让两个图片对齐 做网页制作的时候，常常会碰到需要让两个图片对齐的情况，这时候，我们可以使用 CSS 来实现。 首先，我们需要在 HTML 中使用 p 标签来进行段落分隔，然后添加两个 img 标签来插入图片，如下所示：

    <p>
        <img src="image_1.jpg" alt="图片1">
        <img src="image_2.jpg" alt="图片2">
    </p>

接下来，我们可以给这两个图片进行样式设置，来达到对齐的效果。我们可以使用 CSS 中的 display 属性来指定图片的显示方式，然后两个图片就可以水平对齐了。 具体代码如下：

    <style>
        img {
            display: inline-block; /* 将图片设置为块级元素 */
            vertical-align: middle; /* 设置图片垂直居中 */
        }
    </style>

在上述代码中，我们将两个图片的 display 属性设置为 inline-block，这样就可以让它们水平排列。同时，我们还将这两个图片的 vertical-align 属性设置为 middle，使它们垂直居中对齐。 除了这种方式之外，我们还可以使用 table 标签来实现两个图片的对齐。不过，由于 table 标签的使用会增加 HTML 结构的复杂度，我们应该尽量避免使用它。 总之，使用 CSS 来实现两个图片对齐是一种简单且有效的方式，我们可以根据实际情况选择不同的方案来达到最佳效果。