div内的内容溢出

Question

我的Laravel项目中有一个患者历史记录表格。我的内容在下图所示的div下溢出。

first image

我在CSS部分中使用了overflow:hidden。然后我的内容就消失了，就像下面的图片一样。

second image

这是html代码

<div class="row">
   <div class="col-md-2"><b> Chief Complains : </b></div>
   <div class="col-md-10"> {!! $data[0]->chief_complaints !!} </div>
</div>

该如何解决？有人帮忙吗？预先感谢

Answer 1

为div提供如下CSS属性

.your-div-class {
    overflow-wrap: break-word;
}

Answer 2

将您的段落或内容设置为

overflow:scroll;

或

设置width:to some value less than the container width