我有一个带有文本的响应页面。有时,中断会出现在影响意义或设计的疏远地方。我可以控制句子的中断位置吗?
例如,在这种简化的情况下,我能否使它仅在句子结尾处中断?我的意思是,如果窗口大于500px,则所有句子将不间断。如果窗口小于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>
最佳答案
您可以使用white-space: pre;
http://jsfiddle.net/SuJyN/4/
另一种方法是将它们视为块
http://jsfiddle.net/SuJyN/8/
关于html - 控制单词之间的断点,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17896684/