当前位置：网站首页>There are multiple divs in the large div, which are displayed on the same line. After overflow, scroll bars are generated without line breaks

There are multiple divs in the large div, which are displayed on the same line. After overflow, scroll bars are generated without line breaks

2022-07-04 19:25:00 【Memories do not have a dream】

There was a need before , Big div There are multiple div, these div Show on the same line , Under normal circumstances , Or it will overflow and fill up , Or a new line . But how can we generate scrollbars without line breaks after overflow ？
![ Insert picture description here ](https://img-blog.csdnimg.cn/f0795bd445bc4867ab900bb808b882fd.png
terms of settlement ：

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

版权声明
本文为[Memories do not have a dream]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/185/202207041746319505.html

边栏推荐

猜你喜欢

随机推荐