首页 > web前端 > html教程 > 一个大div中有多个div,如何使这些div在同一行显示,并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 11:15:11
原创
2978 人浏览过


如题,当里面所有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>
登录后复制

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板