HTML元素之间插入空白字符后的显示效果

一 实例代码分析

      空白字符包含空格符、制表符（Tab）、回车换行符（Enter）。在行内元素和块级元素之前插入空白字符的效果是不同的，因此需要分类讨论。

1. 在行内元素之间插入空白字符

行内元素选择<label></label>，插入的空白字符包括：一个回车换行符、一个制表符、四个空格字符。

实验结果：在HTML文件行内元素之前插入若干空白字符，在浏览器中的显示效果是在两个行内元素之前添加一个空格。

2. 在块级元素之间插入空白字符

块级元素选择<div><divl>，插入的空白字符包括：一个回车换行符、一个制表符、四个空格字符。

为了更好的观察实验结果，给div分别添加了背景颜色。
实验结果：在HTML文件块级元素之前插入若干空白字符，在浏览器中的显示效果不变。

二 总结

      在HTML文件行内元素之前插入若干空白字符，在浏览器中的显示效果是在两个行内元素之前添加一个空格。
      在HTML文件块级元素之前插入若干空白字符，在浏览器中的显示效果不变.