从数据库中渲染的文本总是不会移动到下一行，

Question

Written with StackEdit.

嗨，从数据库中渲染的文本总是不会移动到下一行，它总是停留在一行中，无论我使用 <h> 标签还是 <p> 标签都会发生同样的事情，偶尔在我所有的应用程序中。这就是我的意思，顺便说一句，我使用 foundation 5 和 laravel.

另一个例子

这是我的代码

<div class="small-12 medium-12 large-9 columns">
    <h5 class="text-left grey-text montserrat-font uppercase">style description</h5>
    <hr>
    <div class="text-con">
    <h6 class="grey-text montserrat-font testing">
    {{$style->style_description}}
    </h6>
    </div>
</div>

Answer 1

考虑到您的 testing class 具有所需的 CSS。添加以下规则。

.testing {
   word-wrap:break-word;
}

Answer 2

只需添加省略号而不是中断词。 .testing{text-overflow: ellipsis;}

从数据库中渲染的文本总是不会移动到下一行，

The rendered text from the database always does not move to the next line,

html

zurb-foundation

laravel-5.2