61,115
社区成员
发帖
与我相关
我的任务
分享2个div并排显示，当浏览器界面缩小时会出现换行。怎么解决
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="test.css">
</head>
<body>
<div id="parent" style="display:inline">
<div id="child1" style="display:inline">1111111111111111111111111111111111111111111111111</div>
<div id="child2" style="display:inline">2222222222222222222222222222222222222222222222222222222222222222222222222</div>
</div>
</body>
</html>
@charset: "utf-8";
#child1{
background: blue;
}
#child2{
background:red;
}2个div并排显示，当浏览器界面缩小时会出现换行。怎么解决
...全文
请发表友善的回复…
发表回复
huanxiangxiang 2015-07-28
- 打赏
- 举报
没有规定parent的长宽。
neorobin 2015-07-27
- 打赏
- 举报
<!DOCTYPE html>
<html>
<head>
<style>
#parent{
display: block; /* div 默认 block 级别, inline 会使 尺寸类属性失效 */
min-width:2000px;
}
#parent>div{
display:inline;
}
#child1{
background: blue;
}
#child2{
background: red;
}
</style>
</head>
<body>
<div id="parent">
<div id="child1">1111111111111111111111111111111111111111111111111</div>
<div id="child2">2222222222222222222222222222222222222222222222222222222222222222222222222</div>
</div>
</body>
</html>
一十七 2015-07-27
- 打赏
- 举报
楼上帮忙举例可以吗? 初学者，基本听不懂刚学几天。
lynbeijing2008 2015-07-27
- 打赏
- 举报
parent设置最小宽度
