我有一个带有文本的响应页面。有时,中断出现在影响意义或设计的陌生地方。我可以控制句子在哪里中断吗?
例如,在这个简化的情况下,我可以让它只在句末中断吗?我的意思是如果窗口大于 500 像素,所有的句子都不会中断。如果窗口小于 500 像素,则中断将出现在每个句子的末尾。
这是玩的例子:http: //jsfiddle.net/SuJyN/
CSS:
#text {
margin:0 auto;
width:100%;
max-width:500px;
}
HTML:
<div id="text">
This is the first sentence. This is the second sentence. This is the third.
</div>