它们都表示空间,但有区别吗?
当前回答
HTML解析器不将第一个空格视为空白,而将第二个空格视为空白。因此,“”并不一定会出现在特定的HTML标记中,而不可分割的空间总是会出现。
其他回答
与其说是回答,不如说是举例……
例# 1:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>
例# 2:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>
和小提琴的链接。
如前所述,在有“无换行空格”的地方,您将不会收到换行符。
还要注意,只包含“”的元素可能会错误地显示,其中 将工作。至少在i.e. 6中(据我所知,IE7也有同样的问题),如果你有一个空的表格元素,如果没有内容,或者只有空白,它就不会对元素应用样式,例如边框。因此,下面的代码将不带边框:
<td></td>
<td> <td>
而边界将在本例中显示:
<td>& nbsp;</td>
嗯-不得不放一个虚拟空间,让它在这里正确渲染
除了这里的其他答案外,非间断空格不会像常规空格那样被“折叠”。例如:
<!——都是——> < p > Word1 Word2 < / p > <!——和——> < / p > < p > Word1 Word2 <!——将在任何浏览器上呈现相同的效果——> <!—下图在渲染时保留空格。--> < p > Word1 ,,,,, Word2 < / p >
一个是非间断空间,另一个是规则空间。非换行空格意味着该行不应该在该点被换行,就像它不会在单词中间被换行一样。
此外,正如Svend在他的评论中指出的那样,非间断空间并不是折叠的。
HTML解析器不将第一个空格视为空白,而将第二个空格视为空白。因此,“”并不一定会出现在特定的HTML标记中,而不可分割的空间总是会出现。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击