Question

我有一个页面，其中包含许多使用bootstrap的配置文件。该个人资料来自此处http://bootsnipp.com/snippets/featured/profile-card。

问题是某些人的信息比其他信息占用的线路多一行，导致配置文件不均匀。如何强制它们全部大小相同（在这种情况下，为了容纳少数有更多信息的大多数，它们中的大多数会长一行）？

因此，例如在示例中，代码是：

<div class="container">
  <div class="row">
    <div class="col-lg-3 col-sm-6">

      <div class="card hovercard">
        <div class="cardheader">

        </div>
        <div class="avatar">
          <img alt="" src="http://lorempixel.com/100/100/people/9/">
        </div>
        <div class="info">
          <div class="title">
            <a target="_blank" href="http://scripteden.com/">Script Eden</a>
          </div>
          <div class="desc">Passionate designer</div>
          <div class="desc">Curious developer</div>
          <div class="desc">Tech geek</div>
        </div>
        <div class="bottom">
          <a class="btn btn-primary btn-twitter btn-sm" href="https://twitter.com/webmaniac">
            <i class="fa fa-twitter"></i>
          </a>
          <a class="btn btn-danger btn-sm" rel="publisher"
             href="https://plus.google.com/+ahmshahnuralam">
            <i class="fa fa-google-plus"></i>
          </a>
          <a class="btn btn-primary btn-sm" rel="publisher"
             href="https://plus.google.com/shahnuralam">
            <i class="fa fa-facebook"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

假设您希望在某人的个人资料中容纳这一点，而不仅仅是说，充满激情的设计师，它会说出占用两行的东西，然后会使整个个人资料框更长一行，从而导致整个页。我该如何解决这个问题？

CSS强制对象成为一定的大小

0 个答案: