首页 > 解决方案 > bootstrap div 中的文本不尊重使用 angular 8 的 div 边界

问题描述

<div class="container-fluid mt-5">
  <div class="row">
    <div class="col-2 boarder">
      fjkdfjklsddfsfdkjdfskjldfskljdfdsfjkldfsdfsf
    </div>
    <div class="col-9">
      whatever
    </div>
  </div>
</div>

css 文件

.boarder{
  border: solid 1px blueviolet;
}

有html代码

这是引导程序安装正确的证明:

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
              ],

这是该死的东西的样子

东西是什么样子的

为什么要这样做?你知道为什么这样做吗?请解释为什么这样做!

标签: htmlangulartwitter-bootstrap

解决方案


使用word-break: break-all;它会打断长词。笔记


推荐阅读