html - 我怎样才能给这些卡片元素相同的大小?
问题描述
使用 Css 或 bootstrap 或其他任何东西,我怎样才能让示例中的卡片具有相同的高度和重量?
我曾尝试使用 .card-deck 类(Bootstrap .card-deck),但由于水平滚动可能有很多卡片元素,它无法正常工作。
<div class="container-fluid">
<div class="scrollmenu" id="main-row">
<div id="main-element" class="card text-center floc-card">
<div class="card-body">
<h5 class="card-title">Title</h5>
<h6 class="card-subtitle mb-2 text-muted">Description</h6>
<p class="card-text font-weight-bold">
Some text
</p>
<button type="button" class="btn btn-outline-primary bg-white files-btn">
Button
</button>
</div>
</div>
.....
</div>
</div>
这是代码示例
解决方案
您可以在下面为父容器和内部 div 提供自定义 css
div.scrollmenu {
overflow: auto;
white-space: nowrap;
border-top: 5px solid black;
padding: 25px;
width: 100%;
display:flex;
flex-wrap:nowrap;
}
div.scrollmenu .card {
flex: 0 0 auto;
}
推荐阅读
- c++ - 如何处理 Boost Spirit X3 在 Visual Studio 2019 中导致“静态初始化订单惨败”?
- spring - Spring REST - 通过请求传递 PDF
- java - ASM先看一下maxStack的说明?
- node.js - 如何使缓存的 require.resolve() 结果无效
- installation - 由于 YAML,使用 ROS Kinetic 在 Raspberry Pi 上安装时出错
- amazon-redshift - Redshift 错误中不允许使用 DATEADD 函数
- javascript - 有条件地水平翻转图标的样式 { rotateY: '180deg'}
- c++ - C++ 为什么在 if 为 true 之后运行 else if
- flutter - 雷达图颤动(multi_charts)
- python - 如何将文件从ui转换为pyside2的py?