我有一段文字,在结尾我想插入两个图标。
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实体来做这件事,或者另一种不使用包装器的方式来存档这件事?
尝试使用css属性white-space:nowrap;
将图像包装在跨度中:
<span style="white-space: nowrap;"><img ...><img ...></span>
无中断空格非常类似于单词连接符,就像它非常类似于空格一样。但每一种都有非常不同的用法。所有这些变化都是为了表示空间字符的不同宽度和功能而存在的。
表示方式与空格字符类似,可防止自动换行。 ;
与图形(0-9)字符有点相等的空间。 ;
或&nnbsp;
)用于将后缀与词干分开,而不指示词的边界。大约是普通空格代表空格的1/3(尽管它可能因字体而异)。;
没有可见字符表示,它禁止在其位置出现换行符。W3C建议您在需要连接两个字符或单词时使用Word-Joiner以使它们不换行。[1]
若要获得以前通过零宽度非断线空格提供的相同功能,作者应使用单词连接符(u+2060)代替
但是,HTML4字符引用中没有任何地方提到word-joiner。[2]
除了这些字符外,软连字符(u+00ad)还可用于在UAs自己的断字词典中可能没有的单词中提供换行提示。
明确不鼓励使用的唯一字符是零宽度非连接符(u+200c):防止字符之间的连接和草书连接,否则将进行连接或草书连接。