2024年5月11日发(作者：)

实现多个div同一行，并且控制其垂直对齐位置

--2013-9-17 08:44:05

1、如题，可行的实现如下：

div{

display:inline-block; /* 内联块元素 */

_display:inline; /* 下划线只能被IE6识别，更多请百度“css hack” */

vertical-align:top; /* 只有加上此属性，才可以调整垂直位置 */

}

然后就可以使用style=”margin-top:20px;”来控制div水平位置，或者使用

style=”padding-top:20px;”来控制其中内容的水平位置。

下面是有关知识讲解：

2、display:inline、display:block、display:inline-block的区别

display:block就是将元素显示为块级元素。

block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽

度缺省是它的容器的100%，除非设定一个宽度。