masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > 一个大div中有多个div，如何使这些div在同一行显示，并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

一个大div中有多个div，如何使这些div在同一行显示，并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 11:15:11

asal

2978 orang telah melayarinya

如题，当里面所有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>

Salin selepas log masuk

Label berkaitan：

一个大div中有多个div，如何使这些div在同一行显示，并且溢出后产生滚动条而不换行呢

sumber：php.cn

Artikel sebelumnya：谈一谈我遇见过的前端面试的几种方式_html/css_WEB-ITnose Artikel seterusnya：使用gulp-uncss清理多余无用css_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang