色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css怎么使圖片并排

錢雪花1年前6瀏覽0評論

CSS是一種用于格式化網(wǎng)頁的語言,它可以用來設(shè)計網(wǎng)頁的布局、顏色、字體樣式,也可以使網(wǎng)頁中的圖片并排展示。下面將介紹如何將兩張圖片并排排列。

.img1{
float:left;
margin-right:10px;
}
.img2{
float:left;
}

在上面的代碼中,.img1.img2是兩個圖片的類名,我們使用CSS中的浮動屬性(float),將兩個圖片浮動到左側(cè),并通過margin-right屬性將第一個圖片和第二個圖片之間留下一定的空隙。

接下來,我們在HTML中將兩個圖片用標(biāo)簽包裹起來,并將.img1.img2兩個類名添加進去:

<div class="image-box">
<img src="image1.jpg" class="img1">
<img src="image2.jpg" class="img2">
</div>

最后,我們需要將兩張圖片所在的容器類.image-box設(shè)置一下清除浮動,使其可以顯示在正常流中,防止其他元素受到影響。

.image-box{
clear:both;
}

通過以上的步驟,就可以使兩張圖片并排展示在網(wǎng)頁上了。