Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 一个大div中有多个div，如何使这些div在同一行显示，并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose

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

WBOY
Release： 2016-06-24 11:15:11
Original
2977 people have browsed it


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

Related labels：
一个大div中有多个div，如何使这些div在同一行显示，并且溢出后产生滚动条而不换行呢
source：php.cn
Previous article：谈一谈我遇见过的前端面试的几种方式_html/css_WEB-ITnose Next article：使用gulp-uncss清理多余无用css_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2300
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2432
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
2047
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1931
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
2002
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template