我使用Bootstrap 3进行此布局:
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="img-col">
<div class="content">
<p>Some text here!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="img-col">
<div class="content">
<p>
Some text here!<br>
Some text here!<br>
Some text here!<br>
Some text here!
</p>
</div>
</div>
</div>
</div>
和
.p { min-height: 350px; }
我尝试做的是,两个p
标签都具有相同的高度,具体取决于哪个p
中有更多文字,但如果文字少,则保持在350px 350像素。这只是在CSS中以某种方式可行吗?
我发现了这个问题click,并尝试使用table-cell(第二个答案)。但它没有用。任何解决方案?
注意:我没有将.container
放在那里,因为行数很多。
注2:我希望p
代码的高度相同,而不是行!