div中的行高不像预期的那样工作

Question

我有一段文本，图像，链接等段落，我无法使用行高度属性。我使用PHP从数据库中检索这些内容。

一个典型的情况是，

<div class = "story"> 
Now there are many complaints. We will study the matter... Whether there is a need for a separate policy or some kind of clarification is needed, we will make it clear soon 

Now there are many complaints. We will study the matter... Whether there is a need for a separate policy or some kind of clarification is needed, we will make it clear soon 
</div> 

.story{ 
    line-height: 200px; 
} 

I中的内容到一个输入，并将其存储在一个分贝。现在我观察到，在任何时候我通过按回车身体结束了我的行，我得到了200像素的差距。不在线之间。根据屏幕分辨率和其他事情，一条线可以在任何地方结束？

但它是工作这样的事情，

编辑1：是的，我曾尝试自动换行：打破字这是行不通的。

Answer 1

由于您使用了错误的标签，即</br>，因此该行不会中断。你需要使用一个<br/>标签添加换行符：DEMO

HTML：

<div class = "story"> 
    Now there are many complaints. We will<br/> study the matter... Whether there is a need for a<br/> separate policy or some kind of clarification is needed,<br/> we will make it clear soon 
</div> 

Answer 2

你可以，如果你想打破这句话，用这个再行高可能工作

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