html - 我的句子中途中断而我希望它是一个句子

Question

不知何故，当我写下我的主题描述时，它把句子截断了一半，

“祈祷你，爱，
记住”

代替

“祈祷你，亲爱的，记住”

( http://imgur.com/a/n3fOl )

这是我发现的与此相关的 CSS。

#description {
height: 55px;
width: 100%;

overflow: none;
line-height: 1.2;
display: flex;
display: -webkit-flex;
align-items: center;
}

#description > p {
margin: auto;
}

整个 HTML在这里

非常感谢你们！抱歉，这是一个微不足道的问题，但我似乎无法弄清楚。

Answer 1

当您希望换行符开始时，您需要使用 <br /> 在 HTML 中隐式设置断点，或者您可以执行以下操作之一：

1. 将每一行包装在自己的 <p> 标记中
2. 设置其容器的最大宽度以强制中断您想要的位置。

Answer 2

<br> 在 HTML 中“记住”的开头删除