0

さて、これは私が印刷しているものです：

<a href=\"portfoliodetail.php?id=$id\" class=\"noHover\" title=\"$title\">
     <div class=\"thumbnailHome\" style=\"background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;\">f</div>
</a>

そして、これはCSSです：

.thumbnailHome {
    max-width: 28%;
    height: 100%;
    margin-right: 7%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    float: left;
    margin-bottom: 40px;
}

.thumbnailHome a:last-child {
    margin-right: 0%;
}

ただし、印刷された div は表示されません。要素を調べると、高さと幅が両方とも 0 であると表示されます。テキストを少し入れると、div と背景が表示されますが、テキストと同じ大きさしか表示されません。

最大幅を 28 に設定して、3 つの div を隣り合わせに配置できるようにしました (画面が小さくなると拡大縮小されます)。この未来を維持したいのですが、これを修正してdivが表示されるようにする方法についての手がかりがありませんか? 幅と高さが 0 の理由がわかりません。

フィドルへのリンクhttp://jsfiddle.net/R4mGY/

4

1 に答える 1

0

多分これは助けになるでしょう。

あなたのCSSは正しく配置されていません。

jsFiddle を見てください。

a:last-child div {
    margin-right: 0%;
}

http://jsfiddle.net/4fuzm/

更新されたコード
以下のコードは、テキストがない場合に機能します。

http://jsfiddle.net/4fuzm/2/

于 2013-06-17T20:16:28.647 に答える