ホームページ >ウェブフロントエンド >htmlチュートリアル >大きな div に複数の div があり、これらの div を同じ行に表示し、overflow_html/css_WEB-ITnose の後に折り返さずにスクロール バーを生成する方法。

大きな div に複数の div があり、これらの div を同じ行に表示し、overflow_html/css_WEB-ITnose の後に折り返さずにスクロール バーを生成する方法。

WBOY
WBOYオリジナル
2016-06-24 11:15:112979ブラウズ


タイトルの通り、内側のすべての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 までご連絡ください。