它们都表示空间,但有区别吗?
当前回答
多个普通空格字符(空格、制表符和换行符)被视为单个空格字符:
对于除PRE之外的所有HTML元素,空格序列分隔“单词”(我们在这里使用术语“单词”来表示“非空格字符序列”)。当格式化文本时,用户代理应该识别这些单词,并根据特定的书面语言(脚本)和目标媒体的约定来布局它们。
So
foo bar
显示为
foo bar
但是始终显示无间断空间。所以
foo   bar
显示为
foo bar
其他回答
实体 生成非换行空格,当不希望在该位置自动换行时使用该空格。常规空格的字符代码为32,而不间断空格的字符代码为160。
例如,当您显示以空格作为千位分隔符的数字:1 234 567时,则使用不间断空格,以便该数字不能在单独的行上分割。如果您显示货币,并且金额和货币之间有空格:42 SEK,则使用非换行空格,这样您就不会在一行上显示金额而在下一行上显示货币。
,应该作为空白处理。
,,应该作为两个空白处理吗
' '可以作为一个无意义的空格处理
' + ' '可以作为单个' '处理
与其说是回答,不如说是举例……
例# 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>
和小提琴的链接。
@Zoidberg是对的, 例子:
<h1>title</h1> <h2>date</h2>
是否会在标题标记之间不显示空格
& nbsp ;
将做空格:)
你可以在这里看到一个工作示例:
http://codepen.io/anon/pen/GJzBxo
and
http://codepen.io/anon/pen/LVqBQo
相同的div,相同的文本,不同的空格
<div style="width: 500px; background: red"> [loooong text with spaces]</div>
vs
<div style="width: 500px; background: red"> [loooong text with ]</div>
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击