0

Webサイトに必要なレイアウトを作成できません。私はウェブデザインの経験があまりなく、私が持っている唯一のソフトウェアはFrontPageであり、私が望むことをしていないようです。

いくつかの「セル」を含むページを作成しようとしています。各セルには、上部に画像があり、下部にテキストが中央に配置されています。各セルの幅を固定し、セルを通常の「フロー」に沿って配置し（たとえば、インライン画像のように）、十分でない場合はこれらのセルをラップさせたいと考えています。それらすべてを1行に収める幅（これもインライン画像のように）。

最初に頭に浮かぶのはテーブルですが、テーブルはフローやラップではなく、行と列の厳密な構造を持っています。

4

2 に答える 2

4

HTML：

<div class="cell"><img src="img1.png" ...><br>Capture 1</div>
<div class="cell"><img src="img2.png" ...><br>Capture 2</div>
<div class="cell"><img src="img3.png" ...><br>Capture 3</div>
<!-- and so on -->

CSS：

.cell {text-align:center;
       width:200px; /* or whatever you want */
       float:left;
       /* add margin, padding, border style if you wish */
}

デモを参照してください。

于 2010-01-28T15:01:55.080 に答える
1

歴史のこの時点で、この外観を実現するための通常のアプローチはul（順序付けられていないリスト）だと思います。Galleriaプラグインのデモをご覧ください。これらのそれぞれには、説明どおりにレンダリングされるサムネイルのグループがあります（以下にテキストを追加する必要があります）。

于 2010-01-28T15:04:13.967 に答える