CSS中兩張圖片不換行的方法

CSS的display屬性可以用來控制元素的外觀和布局。其中，display:inline和display:block是常用的兩種，而它們的差別就決定了兩張圖片是否換行。

display:inline:

img {
display:inline;
}

這樣設(shè)置，兩張圖片會并排顯示，并不會換行。但是，這種方式會讓圖片的上下間距產(chǎn)生一定的空隙，影響美觀。

display:block:

img {
display:block;
float:left; /*讓圖片浮動*/
}

這樣設(shè)置，則可以使兩張圖片緊密地拼接在一起，不會產(chǎn)生空隙。但是，需要注意一個問題：當(dāng)兩張圖片的寬度總和大于它們所在容器的寬度時，第二張圖片會出現(xiàn)在第一張圖片的下面，即會產(chǎn)生換行。此時需要在容器中設(shè)置overflow:hidden來避免。

總結(jié)：

如果要實現(xiàn)兩張圖片不換行的效果，推薦使用display:inline的方式，然后利用CSS的margin和padding屬性來調(diào)整它們之間的間距。