我试过垂直对齐。有人可以帮助我调整我的小提琴吗？

Question

我需要将左侧和右侧div块垂直对齐。我尝试了表格垂直对齐方法。我也试过网络工具包。有人能帮我吗？

http://jsfiddle.net/qmykegvb/1/

概述。 我正在尝试创建一个酒店地图。每个div代表一个房间。 div必须是100％宽度但保持高度比。这就是我到目前为止所做的。

#i10
{ width: 11% ;
margin:0px;
overflow:hidden;
padding-bottom: 38%;
    }


#l1,#l2,#l3,#l4,#l5,#l6
{
width: 100% !important;
   padding-bottom: 50%;
}

Answer 1

#l1, #r1 {
    margin-top:8px;
}

http://jsfiddle.net/qmykegvb/3/

编辑：您可能需要找到正确的百分比边距，以便在您放大/缩小页面宽度时调整房间。

修改：最终解决方案：http://jsfiddle.net/qmykegvb/4/

Answer 2

#element { display: table-cell;
vertical-align: middle; /* or top, bottom */
}