css - 为什么 Columns 类中的子项以单行显示?
问题描述
我正在使用Bulma框架开发一个网络。
当我将column
分类标签放入columns
其中时,所有子标签都显示在一个原始页面中并从页面溢出!
我想在到达 columns
标签末尾时打破原始状态。
我怎么了?
这是我的代码:
<div class="box">
<div class="columns is-parent">
<?php foreach($posts as $post) {?>
<div class="column is-one-fifth is-child">
<div class="card">
<div class="card-image">
<figure class="image is-4by3"> <img src="" alt="Image"> </figure>
</div>
<div class="card-content">
<div class="content">
<div class="card-title has-text-link"><?php echo $post->title; ?></div>
<small><?php echo strip_tags(word_limiter($post->content,50)); ?></small>
<a>#css</a>
<a>#responsive</a>
<br> <small>11:09 PM - 1 Jan 2016</small>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
解决方案
我只添加is-multiline
到父标签:
<div class="columns is-parent is-multiline" >
问题解决了
推荐阅读
- python - DRF:带有 url 参数的 HyperlinkSerializer
- javascript - 获取上一个/下一个按钮的元素索引
- gremlin - AWS Neptune:javascript 中的自定义顶点 ID
- c# - 仅当且仅将数据插入 Microsoft SQL Server 数据库时才获得成功消息
- c# - .Net Standard 2.0 T4 模板无法加载文件或程序集 AutoMapper
- html - CSS/Ruby 初学者 - 为什么相邻的两个按钮大小不同?
- c# - Regex.Replace 没有正确替换
- angularjs - 从控制器定义之外向控制器范围添加函数
- php - 使用 &JComponentHelper 时出现严格的标准错误
- vba - 按电子邮件域将电子邮件移动到特定文件夹