页面垂直满时换行答案

【问题标题】：Line break when page is vertically full页面垂直满时换行
【发布时间】：2017-01-25 16:14:16
【问题描述】：

我有一个页面，一行中有很多 Bootstrap 4 卡。

我想在垂直滚动条出现时插入换行符。我该怎么做？

代码：

<?php
//THIS FILE IS A PART OF CROPSATH, LICENSED UNDER GPLv3.
//MADE BY MORICZGERGO A.K.A. SKIILAA
//CREATED: 2017.01.22.
//LAST MODIFIED: 2017.01.22.

include_once "include.php";

$conn = new mysqli($config->sqlServ, $config->sqlUser, $config->sqlPass, $config->dbName);

if ($conn->connect_error){
  echo "<center><h1>Failed to connect to database.</h1></center>";
  echo $conn->connect_error;
  die();
}

$sql = "SELECT questionName FROM questions ORDER BY id DESC";
$result = $conn->query($sql);

if ($result->num_rows > 0){
  echo "<div class=\"responsive-thingy\">";
  //output data of each row in bootstrap cards
  while($row = $result->fetch_assoc()) {
echo "<div class=\"card\" style=\"width: 20rem; display: table-cell;\"><div class=\"card-block\"><h4 class=\"card-text\">" . $row["questionName"] . "</h4></div></div>";
  }
  echo "</div>";
} else {
  echo "<center><h1>No questions found.</h1></center>";
}
?>

GitHub Repo

【问题讨论】：

请分享一些代码
@Anonymous 我不能。只是很多 Bootstrap 4 卡连续没有换行符。
@skiilaa 4 张卡片到底是什么意思？
@star bootstrap 4 卡片元素
好吧，如果不了解您的需求就很难提供解决方案 :) 一个简单的 jsfiddle 将大有帮助！注意：stackoverflow.com/help/mcve

标签： html css twitter-bootstrap-4

【解决方案1】：

如果您正在谈论的是文本，您可以在 css 中使用“hyphens”

【讨论】：

没有。我说的是卡片。卡片后没有换行符。