新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
css讓圖片橫著排列的方法-創(chuàng)新互聯(lián)
這篇文章給大家分享的是有關(guān)css讓圖片橫著排列的方法的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
css讓圖片橫著排列的方法:首先創(chuàng)建一個(gè)div來包裹所有的圖片;然后隱藏外層div在縱向的滾動(dòng)條,將橫向滾動(dòng)條設(shè)置為自動(dòng);最后設(shè)置外層div的white-space屬性值為nowrap即可。
css讓圖片橫著排列
下面直接通過代碼示例來介紹一下:
效果圖:
注意,img標(biāo)簽不能左浮動(dòng),外層容器必須加不換行。
感謝各位的閱讀!關(guān)于“css讓圖片橫著排列的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
本文標(biāo)題:css讓圖片橫著排列的方法-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://fisionsoft.com.cn/article/dioejo.html