0
<a class="profile_link" href="">
<div class="thumb_container">
<img class="thumb_image" src="" alt="thumb"/>
<span class="model_names">name</span>
</div>
</a>
a.profile_link{
color: black;
outline: none;
text-decoration: none;
}
.thumb_container{
float:left;
padding-left: 9px;
padding-right: 9px;
padding-bottom: 10px;
}
img.thumb_image{
display: block;
}
.model_names{
font-size: 12px;
text-align: center;
}
此代碼有點給我我想要但不完全。所以我有這些鏈接成環,其中包含一個拇指和一個模型名稱正下方。我希望這些大拇指和名字能夠動態放置在行中,當空間不足時它會創建另一行。它現在正在做,但有時會得到越野車並跳過一排......這只是一團糟。請記住,拇指可以是不同的大小;如果沒有足夠的空間,我不介意在行尾有間隔。無法讓圖像正確對齊自己
還有一個主容器div我沒有粘貼,只有800px寬度的尺寸。
也許有人有更好和更清潔的方式來接近這種佈局。