html - 使用 flexbox 自定义画廊布局
解决方案
像这样的东西。
.container {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.item {
width: 100%;
margin: 1em;
}
.content {
border: 1px solid black;
margin-bottom: 1em;
height: 100%;
}
<div class="container">
<div class="item">
<div class="content">half</div>
<div class="content">half</div>
</div>
<div class="item content">full</div>
<div class="item">
<div class="content">half</div>
<div class="content">half</div>
</div>
</div>
推荐阅读
- ms-access - 如何创建一个从 Access 中的多个表中提取数据的查询?
- php - index.php codeigniter 文件不会从 aws lite 上的服务器 /var/www/html 加载
- aws-lambda - AWS Lambda 完成的 HTTP 请求中的“X-Forwarded-*”标头出现问题
- python - 在 Python 中设置 celery 任务后端的麻烦
- c# - 列名或提供的值的数量与表定义不匹配。默认值?
- android - 对话框无法设置宽度窗口的大小
- python - 在 Python 中设置 Google Drive API
- spring-integration - Kotlin Java DSL:从 byte[] 转换为 String
- php - 无法在 PHP 中获取会话值并将其存储到数据库
- ruby - 将两个哈希合并为 ruby 中的子哈希