在网页设计中,常常需要设置多个图片并列显示,同时又要让它们居中对齐。这时候,我们可以使用CSS来实现这个效果。本文将会介绍如何设置并列图片居中的方法。在HTML中,我们可以使用多个img标签来插入多个
html <p> <img src="img1.jpg" alt="image 1"> <img src="img2.jpg" alt="image 2"> <img src="img3.jpg" alt="image 3"> </p>
css .container { width: 100%; /*或固定值*/ text-align: center; } .container img { display: inline-block; vertical-align: middle; }
html <div class="container"> <img src="img1.jpg" alt="image 1"> <img src="img2.jpg" alt="image 2"> <img src="img3.jpg" alt="image 3"> </div>
粉丝
0
关注
0
收藏
0