我的意思是,這兩個標籤具有相同的高度。如何在同一行中創建兩個<div>...</div>?
5
A
回答
10
試試所有的divs。
display:inline-block;
2
與CSS的float他們:
float: left
1
讓他們漂浮:
HTML
<div class="container1"></div>
<div class="container2"></div>
<div class="clear"></div>
CSS
.clear { clear: both; }
.container1, .container2 { float: left; }
你要清楚浮動..所以使用清除兩個:)
9
簡單:使用<span>
s代替。
<div>
默認情況下有display: block
,這意味着下一個元素將在一個新行上。
您可以將它們更改爲display: inline
以獲得您想要的行爲。但請記住,內聯<div>
只是一個<span>
。
1
浮動弄亂我的頁面中心對齊。以下是我得到的結果,我希望在同一行上獲得2和3,而不會丟失頁面居中。浮動不起作用,因爲當我調整瀏覽器的大小時,它隨着它移動。
<head>
<meta http-equiv="Content-Language" content="en-us">
<style type="text/css">
.div1 {
background: #faa;
width: 500;
}
.div2 {
background: #ffc;
width: 400;
margin-right: 100px;
}
.div3 {
background: #cfc;
width: 100;
margin-left: 400px;
}
</style>
</head>
<html>
<body>
<center>
<div class="div1"> This is no 1</div>
<div class="div2"> This is no 2</div>
<div class="div3"> This is no 3</div>
</center>
</body>
</html>
2
使用div容器並放入所有的div。
.div_container{
display: flex;
flex-direction: row;
}
那簡單!
相關問題
- 1. 如何在同一個ListView中創建兩個不同的LinearLayout?
- 2. 如何在同一行上創建兩個浮動div元素?
- 3. 如何通過單擊另一個<input>在同一<tr>不同
- 4. 在java中創建_fields_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ <
- 5. 如何在一個版本中創建兩個不同的RPM?
- 6. 如何使一個<span>的<a>顯示器內的同一行?
- 7. SQL,乘兩列在同一行中,並創建一個「總」列
- 8. 如何在一個<c:if>中檢查兩個條件?
- 9. 如何創建一個新的線程來執行一個動作<T>
- 10. 如何/etc/rsyslog.conf</p> <p>回聲「$在同一行中
- 11. 如何創建一個類型,實現IDictionary <'K, 'V>和IEnumerable <'V>
- 12. 如何通過LinkedHashMap <String,ArrayList <String>>創建一個循環?
- 13. 創建一個矢量<MyClass>
- 14. 從ArrayList創建一個int [] <Integer>
- 15. 用於創建<code>Interval</code>創建一個從整數
- 16. 我可以創建一個清單<Class<T>>嗎?
- 17. 從IEnumerable重新創建一個字典<KeyValuePair <>>
- 18. 如何在slickgrid中的同一列創建兩個圖像?
- 19. 多<html><body></html></body>在同一個文件
- 20. 如何使用REPEATER中的FOR循環在<TABLE>中創建<TD>?
- 21. 製作一個std :: funtion如果我有兩個功能</p> <pre><code>void foo() { std::cout << 1 << std::endl; } void bar() { std::cout << 2 << std::endl; } </code></pre> <p>指向兩個函數C++
- 22. 在使用一個MotionJPEG流時創建兩個<img>元素
- 23. 如何創建一個<a href=> to facebook and share a message?
- 24. 如何從<array>頭創建一個新的C++數組?
- 25. 如何創建一個像List <String,Object>的集合?
- 26. 如何創建一個空結果<T>對象?
- 27. 如何創建一個通知單實例<T>?
- 28. 如何用Vector創建一個對象<Class>?
- 29. 如何創建一個<select>佔位符
- 30. 如何創建並返回一個表達式<Func
+1顯示:內聯不夠靈活,浮動雜亂! – 2010-12-03 04:18:59