大概寫一下
PHP
迴圈印出每一個照片
<div class="album"><img .....></div>
以上是依外層容器寬度做依序換行的效果
若要強制3個就換行
可以在三的倍數時
加印出一個換行的css class "float_tr"
程式上大致上跟table的寫法差不多
<div class="album float_tr"><img .....></div>
html,css的部分
<style>
.album{
float:left; 靠左依序排列
height: ; 高度
width: ; 寬度
border: ; 外框style
}
.float_tr{
clear:both; 遇到float 強制換行
}
</style>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.121.241.85
※ 編輯: suckerlove 來自: 122.124.27.46 (09/23 18:33)