記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY

リリース： 2016-06-24 11:15:11

オリジナル

2912 人が閲覧しました

タイトルの通り、内側のすべての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>

ログイン後にコピー