html - 相対的な位置を使用せずに折り返す代わりに、水平方向のulをページからはみ出す方法はありますか？

Question

水平方向の行（インライン）にリストアイテムを表示する順序付けされていないリスト要素がありますが、コンテンツが含まれている要素よりも幅が広いとします。絶対位置を使用せずに新しい行にドロップするのではなく、単にページから実行するようにする方法はありますか？

Answer 1

確かにあります、ただ使用してください：

ul {
    white-space: nowrap;
}

JSフィドルデモ。

これにより、含まれているコンテンツが1つの非折り返しの行に沿って続行されます。

参照：

• white-spaceプロパティ、MDNで。

Answer 2

コンテナのスタイルを。で設定するだけwhite-space: nowrap;です。