我的意思是,这两个标签具有相同的高度。如何在同一行中创建两个<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. Struts2 - 如何为<display:table>中的每一行创建一个<s:form>
- 2. 如何创建一个LinkedList <Object[]> []?
- 3. 如何创建一个列表<Item<T>>
- 4. 如何在同一个PHP页面实现两个<选择与<options>
- 5. Java - 如何创建一个类<Map <Object,List <Object> >>对象
- 6. 如何在同一个ListView中创建两个不同的LinearLayout?
- 7. 如何将<label>&<select>放在同一行?
- 8. 两个<p:confirmDialog>在一个xhtml中
- 9. 如何用<br />替换换行符而不创建两个换行符
- 10. 如何在同一行上创建两个浮动div元素?
- 11. 如何通过单击另一个<input>在同一<tr>不同
- 12. 在java中创建_fields_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ <
- 13. 如何在一个版本中创建两个不同的RPM?
- 14. 如何使一个<span>的<a>显示器内的同一行?
- 15. c#如何从列表中创建一个SortableBindingList <T>
- 16. 如何在MySQL <br>创建另一个表
- 17. 在C++中会发生什么,如果两个对象都重载operator <<?一个<< b
- 18. SQL,乘两列在同一行中,并创建一个“总”列
- 19. 如何创建一个新的线程来执行一个动作<T>
- 20. 如何在一个<c:if>中检查两个条件?
- 21. 如何/etc/rsyslog.conf</p> <p>回声“$在同一行中
- 22. 如何循环访问IEnumerable <string>并创建另一个IEnumerable <string>?
- 23. 如何通过LinkedHashMap <String,ArrayList <String>>创建一个循环?
- 24. 如何创建一个文本框输出<p></p>格式(HTML)
- 25. 如何创建一个类型,实现IDictionary <'K, 'V>和IEnumerable <'V>
- 26. 创建一个响应<figcaption>
- 27. 创建一个矢量<MyClass>
- 28. 创建一个ObservableCollection <T>类
- 29. 从ArrayList创建一个int [] <Integer>
- 30. 用于创建<code>Interval</code>创建一个从整数
+1显示:内联不够灵活,浮动杂乱! – 2010-12-03 04:18:59