提问者:小点点

零宽非破缺空间


我有一段文字,在结尾我想插入两个图标。

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris <img ...><img ...>

我想保持两个图像的连接,如果一个图像溢出,这两个图像都应该转到新行,所以我需要的是类似于 但宽度为零的东西。

有没有一个html实体来做这件事,或者另一种不使用包装器的方式来存档这件事?


共2个答案

匿名用户

尝试使用css属性white-space:nowrap;将图像包装在跨度中:

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

匿名用户

无中断空格非常类似于单词连接符,就像它非常类似于空格一样。但每一种都有非常不同的用法。所有这些变化都是为了表示空间字符的不同宽度和功能而存在的。

  • u+00a0无换行空格 表示方式与空格字符类似,可防止自动换行。
  • u+2007图形空间 ;与图形(0-9)字符有点相等的空间。
  • u+202f窄的无间断空格 ;&nnbsp;)用于将后缀与词干分开,而不指示词的边界。大约是普通空格代表空格的1/3(尽管它可能因字体而异)。
  • u+2060单词连接符⁠;没有可见字符表示,它禁止在其位置出现换行符。
  • 非断开连字符(U+2011)
  • 图形空间(U+2007)
  • 窄无中断空格(U+202F)
  • 藏文标记分隔符TSHEG BSTAR(u+0f0c)

W3C建议您在需要连接两个字符或单词时使用Word-Joiner以使它们不换行。[1]

若要获得以前通过零宽度非断线空格提供的相同功能,作者应使用单词连接符(u+2060)代替

但是,HTML4字符引用中没有任何地方提到word-joiner[2]

除了这些字符外,软连字符(u+00ad)还可用于在UAs自己的断字词典中可能没有的单词中提供换行提示。

明确不鼓励使用的唯一字符是零宽度非连接符(u+200c):防止字符之间的连接和草书连接,否则将进行连接或草书连接。

  • 零宽连接符(u+200d):鼓励连接和草书连接。
  1. W3C Wiki:HTML字符用法
  2. HTML 4中的字符实体引用
  1. Unicode.org更正U+00A0的Word_Break属性值
  2. Unicode v.3.2.0换行符属性
  3. Unicode?建议?换行属性
  4. Unicode v7完整标准
  5. Jukka Korpela解释的Unicode