如果想在淘寶店鋪中將多張圖片橫向排列,可以通過CSS來實現(xiàn)。以下是具體的代碼實現(xiàn):
.tb-gallery{ width: 100%; overflow-x: scroll; white-space: nowrap; } .tb-gallery img{ display: inline-block; height: 100%; }
代碼中,我們先選取包裹圖片的元素,將它設(shè)為寬度100%并添加橫向滾動條。接著,我們將圖片元素設(shè)置為內(nèi)聯(lián)塊級元素,并將白色空間設(shè)為“不換行”,這樣它們就會橫向排列。最后,我們設(shè)置圖片元素的高度為100%,以確保它們在高度上保持一致。
現(xiàn)在,我們只需要將所有的圖片放入.tb-gallery內(nèi),就可以實現(xiàn)圖片橫向排列了。如果您需要調(diào)整圖片之間的間距,可以使用margin屬性來控制。
上一篇mysql 縱表變橫表
下一篇浮動菜單 css