两个div在一行中显示
2014-11-27 16:44
302 查看
div元素默认是换行的,如果想让两个div显示在一行中,需要分别设置div的display属性值为:inline-block。这样两个div紧挨着显示在一行了。
如:
<div style='dispaly:inline-block'> value1
<div>
<div style='dispaly:inline-block'> value2
<div>
还有一个css特性float,这个是设置元素浮动的,一般用在图片上。也可以让div浮动,但是会出现一些很奇怪的现象,如父div的高度为0,而子div的高度为39px等一类的怪现象。这是因为float浮动的时候,必须设置元素的宽度。
另外一个方法是是使用table,在此就不叙述了。
如:
<div style='dispaly:inline-block'> value1
<div>
<div style='dispaly:inline-block'> value2
<div>
还有一个css特性float,这个是设置元素浮动的,一般用在图片上。也可以让div浮动,但是会出现一些很奇怪的现象,如父div的高度为0,而子div的高度为39px等一类的怪现象。这是因为float浮动的时候,必须设置元素的宽度。
另外一个方法是是使用table,在此就不叙述了。
相关文章推荐
- html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法
- div让两个按钮并排显示在一行中
- 在HTML中,让两个DIV在同一行显示
- 两个DIV在同一行显示
- 两个div如何在同一行显示
- 两个div如何在同一行显示
- 如何让两个div在同一行显示,并且使他们的总宽度占满整行?
- 两个div显示在一行
- 两个div如何在同一行显示
- 关于两个DIV各占50%时无法在同一行显示的问题
- 两个div在同一行显示 调整两个div间的高度 栅格系统col-sm md lg
- 将一个div中的两个P元素同一行居中显示
- Html 让两个div 显示在同一行
- 如何使两个div在同一行显示
- 如何让两个div在同一行显示?一个float搞定
- CSS:多个DIV在同一行居中显示的一种实现方法
- 如何让div它们在一行显示
- 如何让两个struts标签同一行显示
- CSS 让div内的span在一行显示
- html 两个div并列显示