使p在行内等高

时间:2015-01-30 16:16:58

标签: html css twitter-bootstrap-3 height

我使用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代码的高度相同,而不是行!

0 个答案:

没有答案