为了账号安全,请及时绑定邮箱和手机立即绑定

连字符后没有换行

连字符后没有换行

白猪掌柜的 2019-10-15 10:18:59
我希望-在逐个连字符后防止与所有浏览器兼容的换行符。例:我有这段文字:  3-3/8"在HTML中是这样的:  3-3/8&rdquo;问题是由于连字符,在一行的结尾附近,它会中断并换行到下一行,而不是像完整的单词一样对待它...3-3/8"我尝试插入“零宽度不间断字符”,&#65279;没有运气...3-&#65279;3/8&rdquo;我在Safari中看到了这一点,并认为在所有浏览器中都一样。以下是我doctype和字符编码...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />有什么办法可以防止这些字符在连字符后换行?我不需要适用于整个页面的任何解决方案...只是我可以根据需要插入的东西,例如“零宽度不间断字符”,唯一可行的方法是。这是一个演示。只需将框架变窄,直到线条在连字符处断开。http://jsfiddle.net/RagKH/
查看完整描述

3 回答

?
桃花长相依

TA贡献1860条经验 获得超8个赞

尝试使用不间断的连字符&#8209;。我在jsfiddle中用该字符替换了破折号,将框架缩小到可以缩小的程度,并且该行不再拆分。


查看完整回答
反对 回复 2019-10-15
?
HUX布斯

TA贡献1876条经验 获得超6个赞

您也可以使用


<span style="white-space: nowrap;"></span>


查看完整回答
反对 回复 2019-10-15
  • 3 回答
  • 0 关注
  • 373 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信