想象一下,我的 DIV 中有一个很长的多字文本行:
您好,亲爱的顾客。请看看我们的报价。
DIV 具有动态宽度。我想对上面的文字进行自动换行。目前,换行发生在字边界上,这最大化了第一行的长度:
|-DIV WIDTH------------------------------------|
Hello there, dear customer. Please have a look
at our offer.
我希望换行发生在句子边界上。但是,如果不需要缠绕,我希望该线保持为一根。
为了说明我的观点,请查看各种 DIV 宽度以及我希望文本如何换行:
|-DIV WIDTH--------------------------------------------------------|
Hello there, dear customer. Please have a look at our offer.
|-DIV WIDTH-----------------------------------|
Hello there, dear customer.
Please have a look at our offer.
|-DIV WIDTH--------|
Hello there, dear
customer.
Please have a look
at our offer.
对于单词,您可以使用软连字符,以便在建议的音节边界上进行自动换行。如果不需要包装,则­
仍然不可见。如果需要包装,则­
是它发生的地方:
magnifi­cently
HTML 中是否有类似的提示自动换行的方法?
Use ­
用言语或<wbr> https://developer.mozilla.org/en/HTML/Element/wbr词与词之间,如<wbr>
不会引入连字符。
也可以看看:
- 怪癖模式:<wbr>兼容列表 http://www.quirksmode.org/oddsandends/wbr.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)