Javascript 如何将页面的div元素平均对齐,并将div设置为相同的大小?

Javascript 如何将页面的div元素平均对齐,并将div设置为相同的大小?,javascript,html,css,svg,Javascript,Html,Css,Svg,我有我的html布局在两个不同的分区,我想均匀排列 以前 之后(需要) 我怎样才能做到呢?我的html是 .main{ 溢出:隐藏; 显示:块; } .左栏{ 浮动:左; } #地图容器{ 利润率:16像素0.32像素; 位置:相对位置; 填充底部:26px; } .盒子{ 显示:块; 溢出:隐藏; 背景#ffc801; 填充:10px; 填充顶部:20px; 保证金:8px 0px 8px; 字体系列:“前卫电子书”,无衬线; 字体大小:300; } .方框h2{ 字体大小:16px;

我有我的html布局在两个不同的分区,我想均匀排列

以前

之后(需要)

我怎样才能做到呢?我的html是

.main{
溢出:隐藏;
显示:块;
}
.左栏{
浮动:左;
}
#地图容器{
利润率:16像素0.32像素;
位置:相对位置;
填充底部:26px;
}
.盒子{
显示:块;
溢出:隐藏;
背景#ffc801;
填充:10px;
填充顶部:20px;
保证金:8px 0px 8px;
字体系列:“前卫电子书”,无衬线;
字体大小:300;
}
.方框h2{
字体大小:16px;
边缘底部:8px;
边际上限:0;
}
美国保险商实验室{
左侧填充:16px;
保证金:0;
}
李先生{
边缘底部:16px;
}
#地区{
浮动:左;
z指数:5;
显示:块;
溢出:隐藏;
宽度:400px;
字号:19px;
左边距:4倍;
字体大小:500;/*中等*/
}
#地区,地区一,地区二{
字体系列:“先锋派”,无衬线;
浮动:左;
宽度:200px;
}
#区域h2{
显示:块;
明确:两者皆有;
填充:12px 0 4px;
保证金:0;
字体大小:14px;
}
#区域ul{
列表样式类型:无;
保证金:0;
填充:0;
}
#乌尔里地区{
显示:块;
明确:两者皆有;
溢出:隐藏;
页边距底部:0;
}
#区域a{
线高:20px;
字体大小:15px;
显示:块;
浮动:左;
字体大小:500;/*中等*/
}

  • 买卖,查看我们的 节、查找和更多内容。
  • 查看我们的,找到您想要的 在里面 你所在的地区或整个印度。
$(文档).ready(函数(){ $(“#区域a”).add(“区域”).mouseover(函数(){ var id=this.id.substring(this.id.indexOf(“”)+1); var regionmap=$(“#悬停区域"+id); if(regionmap&®ionmap.length>0){ $(“区域突出显示”).removeClass().addClass(“悬停区域中的精灵索引”+id); $(“#区域"+id).css(“文本装饰”、“下划线”); } }); $(“#区域a”).添加(“区域”).鼠标输出(函数(){ var id=this.id.substring(this.id.indexOf(“”)+1); var regionmap=$(“#悬停区域"+id); if(regionmap&®ionmap.length>0){ $(“区域突出显示”).removeClass(); $(“#区域"+id).css(“文本装饰”,“无”); } }); });
如果您不需要支持较旧的浏览器,请查看
flex
。FlexBox在这里进行了解释:

标签div.class=“main”和div.class=“column\u left”似乎还没有关闭。

将方框设置为相同的高度可以实现这一点(尽管您可能需要补偿填充)。