简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

2个div并排显示，当浏览器界面缩小时会出现换行。怎么解决_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 11:40:00
原創
1894 人瀏覽過

<!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并排显示，当浏览器界面缩小时会出现换行。怎么解决


回复讨论(解决方案)

parent设置最小宽度



parent设置最小宽度


楼上帮忙举例可以吗? 初学者，基本听不懂刚学几天。 

<!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>
登入後複製

没有规定parent的长宽。

相關標籤：
2个div并排显示，当浏览器界面缩小时会出现换行。怎么解决
來源：php.cn
上一篇：纯CSS3浮雕质感的立体文字旋转动画_html/css_WEB-ITnose 下一篇：android动画介绍之 自定义Animation动画_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
2
1639
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
10
1798
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1533
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1440
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1487
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！