人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

キャプション付き画像を横に並べて配置する&キャプションが長くて改行とかしちゃっても綺麗に配置する方法を教えてください。
http://allabout.co.jp/internet/hpcreate/closeup/CU20070502A/index5.htm
の、
http://allabout.co.jp/redirect/cgi/r2.cgi?gs=hpcreate&type=c&id=CU20070502A&url=http://www.nishishi.com/aaj/samples/CU20070502A/
とかで、

<div class="imagebox">
<p class="image">
</p>
<p class="caption">
森林<br/>森林<br/>
</p>
</div>

などとやるとレイアウトが崩れると思うんですよ。

1209959981
●拡大する


●質問者: kunitz
●カテゴリ:ウェブ制作
✍キーワード:キャプション レイアウト 森林 画像
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Mars
●60ポイント

やや、「逃げ」の方法ですが、

キャプション記入部分の大きさを固定してしまう手段はどうでしょうか?

.caption {
 width:XXpx;
 height:YYpx;
 overflow:auto;/* ← テキストが入りきらない場合、スクロールバーが出る。 */
}

f:id:Mars:20080505152150j:image

http://q.hatena.ne.jp/

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ