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


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

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

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

よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/03/25 13:57:12
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:Cherenkov No.1

回答回数1504ベストアンサー獲得回数493

ポイント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

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

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

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

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

回答リクエストを送信したユーザーはいません