停止自动换行分割单词

Stop word-wrap dividing words(停止自动换行分割单词)
本文介绍了停止自动换行分割单词的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

body { word-wrap: break-word;}

我一直在使用该代码(上图)将 body 中的文本放入它的容器中.然而,我不喜欢它,它打破了文字.

I've been using that code (above) to fit the text in the body into it's container. However what I don't like about it, is that it breaks up words.

是否有另一种方法可以不分词,只在单词之后或之前换行?

Is there another way where it will not break up words and only line break after or before a word?

这是在 UIWebView 中使用的.

推荐答案

使用 white-space: nowrap;.如果您在设置它的元素上设置了宽度,它应该可以工作.

use white-space: nowrap;. If you have set width on the element on which you are setting this it should work.

更新 -在 Firefox 中呈现数据

update - rendered data in Firefox

这篇关于停止自动换行分割单词的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)