當前位置:編程學習大全網 - 編程軟體 - htmlcss,請問怎麽敲代碼,使每行只放三個圖片呢?壹***六張圖

htmlcss,請問怎麽敲代碼,使每行只放三個圖片呢?壹***六張圖

這裏提供兩種方法:

1.每3個就在後面加上<br><br>,註意是兩個br這樣就換行了。

2.用css來實現,控制.goods的寬度。

壹般為33%,不知道妳的.goods類是怎麽寫的,如果有margin的話就要比33%小壹點。

具體代碼:

<style>

* {

margin: 0;

padding: 0;

}

.goods {

border: 1px solid #ccc;

height: 100px;

width: 33.333%;

float: left;

box-sizing:border-box;

padding:10px;

}

</style>

<div class="goods">1</div>

<div class="goods">2</div>

<div class="goods">3</div>

<div class="goods">4</div>

<div class="goods">5</div>

<div class="goods">6</div>

  • 上一篇:天津洪澤花園小區周邊配套怎麽樣?
  • 下一篇:浙江菲格爾衛浴有限公司怎麽樣?
  • copyright 2024編程學習大全網