Question

我试图主题一个博客，并希望摘要的卡片组都是相同的大小，无论它们是什么内容。出于某种原因，我的卡片尺寸都不同（它们适合文字，而不是最大卡片的尺寸）。

我希望这是有道理的！

这是我正在尝试的简化版本......

<div class="container-fluid"> 
    <div class="card-deck">
        <div class="row">
            <div class="col"> 
               <div class="card">
                       <div class="card-body">                    
                        <p class="card-text">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam accusantium, eligendi eaque et. Illo nihil magnam earum non! Laboriosam recusandae cumque, aut iste consequatur laborum facere tenetur quibusdam dolore possimus.
                        </p>                          
                    </div>              
                </div>
            </div> 
            <div class="col"> 
                <div class="card">
                    <div class="card-body">                     
                        <p class="card-text">
                        aut cum provident, blanditiis ex, aliquam nemo, delectus. Molestiae quasi amet qui saepe totam commodi illo provident!
                        </p>                          
                    </div>              
                </div>
            </div>              
        </div>
    </div> 
</div>

```

我确信它很简单，但我已经试着让它持续2天了。干杯！

https://ibb.co/cfSnC7 - 图片

Answer 1

当我遇到时，我通常会通过将卡片高度设置为100％并在父母col上添加边距来解决这个问题，因为如果你将卡片的边距添加到内部，则会在内部折叠下方（如果有）卡片。我不知道它是否是最好的方法，但对我有用。

CSS

/* Use a more specific selector so you don't target all cols and cards. */
    .col { 
      margin-bottom: 15px;
    }
    .card {
      height: 100%;
    }

同样对于博客，我通常使用col-lg-4（例如4）来避免cols内的内容没有包装的一些问题。

卡片组（或任何卡片）的大小不一样？

1 个答案: