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


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

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

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

よろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/25 01:29:52
  • 終了:2013/03/25 13:57:12

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932013/03/25 02:31:08

ポイント100pt

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>
id:robopit

親要素にwidthをつけたりはしていたのですが、直接書いたらできました。
何かが干渉していたのかもしれません。

ベストアンサーで締め切りたいと思います。
ありがとうございました。

2013/03/25 13:56:47

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません