Bootstrap 4 - 卡片中的单词包装

Question

我怎样才能用文字包装文字卡片。

问题在于：plunker link

你知道如何解决它吗？

Answer 1

您需要两条规则：

• max-width代表您的.card元素（因为没有定义宽度CSS不会知道在哪里打破您的长词）或 overflow: hidden;来制作{ {1}}宽度不再取决于长字长
• .card告诉浏览器打破一个字

word-wrap: break-word;

.card {
    max-width: 100%;
}
.card-text {
    word-wrap: break-word;
}

.card {
  overflow: hidden;
}
.card-block {
  word-wrap: break-word;
}

Answer 2

简单：

if($check_user>0){
     while($row=mysqli_fetch_array($selecteergebruiker))
      { 
         session_start();
         if($row['role']==1)//user is admin
         { 
           $_SESSION['role']='Admin';
         }
         else
         {
           $_SESSION['role']='User';
         }
      }
       header('location: home.php');
        } else { 
   echo "Onjuist!";
   }

https://plnkr.co/edit/BEbJehY8hkWpDoTfFJXz?p=preview

Answer 3

还要考虑这一点（用于URL等）；来自文档：

  

对于更长的内容，您可以添加.text-truncate类以用省略号截断文本。需要显示：内联块或显示：块。

https://getbootstrap.com/docs/4.1/utilities/text/