Javascript 如何在所有设备上使列内的按钮高度相等?

Javascript 如何在所有设备上使列内的按钮高度相等?,javascript,html,css,twitter-bootstrap,responsive-design,Javascript,Html,Css,Twitter Bootstrap,Responsive Design,由于JavaScript的匹配高度,无论设备大小(计算机、平板电脑、手机等),我的引导列的高度都是相等的 但问题是,我还想让它们里面的按钮高度相等,尽管上面的文字量不同。我试过最小高度、边距和底部(没有响应)。我怎样才能做到这一点?不管怎么说,用bootstrap,或者js,或者别的什么东西,但这对美学很重要 编辑:这就是我想要实现的目标: 无论发生什么,按钮都保持不变 #第4节:分隔符全宽{ 边缘底部:15px; } #第4节最后分隔器{ 边缘顶部:50px; } #第4节箱子{ 保证金:1

由于JavaScript的匹配高度,无论设备大小(计算机、平板电脑、手机等),我的引导列的高度都是相等的

但问题是,我还想让它们里面的按钮高度相等,尽管上面的文字量不同。我试过最小高度、边距和底部(没有响应)。我怎样才能做到这一点?不管怎么说,用bootstrap,或者js,或者别的什么东西,但这对美学很重要

编辑:这就是我想要实现的目标: 无论发生什么,按钮都保持不变

#第4节:分隔符全宽{
边缘底部:15px;
}
#第4节最后分隔器{
边缘顶部:50px;
}
#第4节箱子{
保证金:1px;
边缘底部:30px;
填充物:5%8%;
}
#第4节btn{
字体大小:.9em;
填充物:5%4%;
宽度:100%;
}
#第4节内箱{
最小高度:210px;
}

埃斯科吉图计划
这是组织活动的重要影响因素,是一个非凡的组织

ZZZbasic 29欧元阿杜尔托/14欧元尼诺@

这是一个完美的计划。日期不一样

阿尔古诺斯飞机有限公司:

  • Salida en catamarán+潜水管en mar abierto
  • Visita Bodegas+葡萄园+早午餐
  • Circuito SPA privado+卡瓦杯+梅努德卡斯塔西翁
  • 墨西哥和日本
ZZPlus 59欧元阿杜尔托/29欧元尼诺@

在新的生活和情感体验中,一个人独自经历了一场复仇

Algunos飞机有限公司:

  • 汽车之旅+地中海之旅
  • 马萨杰·雷拉詹特巧克力布兰科天然+可可按摩浴缸+私人电路水疗中心+卡塔葡萄酒之路
  • 巴兰基斯莫·圭亚多+梅努德卡斯塔西翁
ZZZpremium 99欧元阿杜尔托/49欧元尼诺@

“万岁!联合行动是排他性的,特别是地方性的

阿尔古诺斯飞机有限公司:

  • 比普拉萨酒店+酒馆+酒馆+马里达耶独家酒店
  • 太阳光之光的普埃斯塔+卡斯塔西翁·奥斯特拉斯·卡瓦+塞纳·罗曼蒂卡·巴乔·拉斯·埃斯特雷拉斯(Cena romántica bajo las Estrella)
  • 法拉利赛道条件+布西奥包蒂斯莫+梅努德卡斯塔西翁

下面是解决方案,我想,这就是您要寻找的

.box{
  position: relative;
  height:500px;
}
.btn{
  position: absolute;
  bottom:0px;
  width: auto; //You can adjust the width accordingly
}
您可以相应地调整div的高度


.box{
边框:1px纯黑;
填充:20px;
利润率:20px;
位置:相对位置;
高度:440px;
}
.btn{
字体大小:.9em;
浮动:无;
宽度:自动;
位置:绝对位置;
底部:10px;
}

ZZZbasic

29欧元阿杜尔托/14欧元尼诺@

这是一个完美的计划。日期不一样

阿尔古诺斯飞机有限公司:

  • Salida en catamarán+潜水管en mar abierto
  • Visita Bodegas+葡萄园+早午餐
  • Circuito SPA privado+卡瓦杯+梅努德卡斯塔西翁
  • 墨西哥和日本
ZZPlus 59欧元阿杜尔托/29欧元尼诺@

在新的生活和情感体验中,一个人独自经历了一场复仇

Algunos飞机有限公司:

  • 汽车之旅+地中海之旅
  • 马萨杰·雷拉詹特巧克力布兰科天然+可可按摩浴缸+私人电路水疗中心+卡塔葡萄酒之路
  • 巴兰基斯莫·圭亚多+梅努德卡斯塔西翁
ZZZpremium 99欧元阿杜尔托/49欧元尼诺@

“万岁!联合行动是排他性的,特别是地方性的