我已经尝试过两种方法来解决我的问题(row-eq-height),但无论我做什么都没有。 我有三个这样的列(.regytpe)。我知道flex-container有几个默认设置,也许我在代码的某个地方覆盖它。
<a href="felreg.php?p=ceg">
<div class="register_selector">
<div class="row">
<div class="col-sm-4 col-md-12 col-lg-4 col-xs-12">
<div id="cegreg-hover" class="regtype">
<div class="regdiv text-center">
<div class="regdiv-heading">
<h1 id="cegvagyok" class="robotoBold">CÉG VAGYOK</h1>
</div>
<div class="regdiv-body">
<img src="../img/ceg-ikon-idle.svg" class="img-responsive cegreg" />
</div>
<div class="regdiv-footer">
<p class="caviarBold">REGISZTRÁLOK</p>
</div>
</div>
</div>
</div>
</a> ...
<style>
.register_selector{
display: -ms-flex;
display: -webkit-flex;
display: flex;
max-width: 1330px;
height: 430px;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
margin-top: 350px;
}
.regtype{
display: table;
margin: 0 auto;
color: #ffffff;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 0 5px;
}
</style>