ホームページ > 記事 > ウェブフロントエンド > 大きな div に複数の div があり、これらの div を同じ行に表示し、overflow_html/css_WEB-ITnose の後に折り返さずにスクロール バーを生成する方法。
大きな div に複数の div があり、これらの div を同じ行に表示し、overflow_html/css_WEB-ITnose の後に折り返さずにスクロール バーを生成する方法。
- WBOYオリジナル
- 2016-06-24 11:15:112912ブラウズ
タイトルの通り、内側のすべてのdivの幅が外側のdivの幅を超えると、改行の代わりにスクロールバーが表示されます。 display:inline-flex を使用してみましたが、IE では動作しません。助けてください
ディスカッションに返信 (解決策)
<style type="text/css">.mt { width: 600px; height: 200px; overflow: auto;}.mk { white-space: nowrap;}.mj { width: 150px; height: 150px; border: 1px solid #999; display: inline-block;}</style></head><body><div class="mt"> <div class="mk"> <div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div><div class="mj"></div> </div></div> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。