代码之间的空格是什么回事

示例1:(文本内容中的连续空单元格)

ltp gt在该文本中，输入了大约十个连续的空单元格。 lt/p gt；显示效果:“网格”和“大”之间的是空网格。只显示了空网格。

在该文本中，输入了大约十个连续的空单元格。例2:(码间连续空格)

ltspan gtSpan是一个内嵌标签

Span是一个行内标记，由许多空单元格与前面的span元素分隔开。以上两个例子证明了HTML代码中连续的空单元格会显示为一个空单元格，剩余的冗余空单元格会被删除或忽略。

段落实际上是HTML代码的一部分，只是它在P标记内部，而示例2的空 case在两个span标记之间。

理解了空网格，现在再看空线，同样如此。

例3:(文本内容中的line 空)

ltp gt在这段文字中，连续空行的输入大约是五行。 lt/p gt；显示效果:我们可以看到，文本代码中的空五行在显示时只是一个空格。

在这段文字中，连续空行的输入大约是五行。例4: (空行在元素/标记之间)，只需将例2中的空单元格替换为空行即可。显示效果与例2相同，多行空将只显示为一行空。

ltspan gtSpan是一个内嵌标签

Span是一个行内标记，与前面的span元素相隔许多空行，证明HTML代码中所有连续的空单元格或空行(换行符)都会显示为空单元格。

在这种情况下，如果要扩大两个字符之间的间距，使代码中连续的空单元格或空行也显示为连续的空单元格或空行，该怎么办？其实很简单。

方法1:我们可以使用预先格式化的标签

ltpre gt这是预格式化的文本。它保持空网格和换行符。 lt/pre gt；显示效果

这是预格式化的文本。它保持空网格和换行符。

方法二:我们可以用空 lattice实体代替空 lattice，使用换行符标签< br/>而不是空行。虽然这种方法可以得到想要的显示效果，但对于搜索引擎来说并不是最友好的方式，因为它类似于

方法三:(适用于空网格)使用全角空网格。

全角空单元格被解释为中文字符，因此不会被解释为HTML分隔符。它们可以根据空单元格的实际数量来显示。

问题:如何使用全角输入法？

以搜狗输入法为例。我们通常使用半角输入。它的状态栏里有一个月亮的标志，表示我们正在使用半角输入。如果是太阳的标志，说明我们在用全角度输入。可以通过单击徽标或使用快捷键Shift+Space(空)来切换全角/半角。

半角输入(月亮)

全角输入(太阳)

方法四:使用CSS样式中的单词间距属性控件，CSS中的单词间距属性可以改变单词之间的标准间距。我们知道英语中的两个单词由空格分隔，所以我们可以直观地认为单词间距改变了单词之间空格的宽度。

方法5:使用CSS样式中的空白属性，该属性声明如何处理元素中的空空白字符。

价值

形容

标准

默认。空白度会被浏览器忽略。

在…之前

空白度将由浏览器保留。HTML的行为类似于

不换行

文本将不会换行，并将在同一行继续，直到

预包装

保留空白色字符序列，但正常换行。

预线

合并空白字符序列，但保留换行符。

空白:正常；也就是说，很正常。就像没有设置一样，连续的空单元格和空行都只会显示一个空单元格。

空白:nowrap不包是什么意思？正常情况下，当我们的文字超出文本域时，文字会自动换行。这个设置意味着它将遇到换行符，而不是自动换行

空白:pre与第一种方法相同，文本按原样输出和显示。当文本超出文本字段时，将生成不带换行符的滚动条。

空白:预换行；保留空网格和空行，但当文本超出文本字段时，它会自动换行。

空白:前置行；连续空单元格会显示为空单元格，但会保留连续空行。