Javascript 如何将页面的div元素平均对齐,并将div设置为相同的大小?
我有我的html布局在两个不同的分区,我想均匀排列 以前 之后(需要) 我怎样才能做到呢?我的html是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;
.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”似乎还没有关闭。将方框设置为相同的高度可以实现这一点(尽管您可能需要补偿填充)。