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

CSSを使って要素を横並びにした場合の折り返しをやり方を探しています。

liでコンテンツを区切って横並びにしているのですが、折り返しができなくて困っています。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1369300098
こちらの方で折り返し方はわかったのですが

PHPなどで折り返すコンテンツあたりでclear:both対応させるなどはせず
たとえばwidthで指定した幅に行くと折り返しなどCSS側でできる方法を探しています。

よろしくお願いします。

●質問者: robopit
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

ulとか親の要素にwidth付ければいけるのでは

<!DOCTYPE HTML>
<html lang="en">
<head>
 <meta charset="utf-8">
 <style>
 li {
 float: left;
 }
 </style>
</head>
<body>
 <ul style="width: 60px;">
 <li>aaa</li>
 <li>bbb</li>
 <li>ccc</li>
 </ul>
</body>
</html>

robopitさんのコメント
親要素にwidthをつけたりはしていたのですが、直接書いたらできました。 何かが干渉していたのかもしれません。 ベストアンサーで締め切りたいと思います。 ありがとうございました。
関連質問

●質問をもっと探す●



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