当前位置：网站首页>大div中有多个div，这些div在同一行显示，溢出后产生滚动条而不换行

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

2022-07-04 17:47:00 【回忆哆啦没有A梦】

之前有一个需求，大div中有多个div，这些div在同一行显示，正常情况下，要么会溢出撑满，要么换行。但是我们如何实现溢出后产生滚动条而不换行呢？
![在这里插入图片描述](https://img-blog.csdnimg.cn/f0795bd445bc4867ab900bb808b882fd.png
解决办法：

<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>
</body>
原网站

版权声明
本文为[回忆哆啦没有A梦]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_39550080/article/details/125602075

边栏推荐

猜你喜欢

随机推荐