示例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与第一种方法相同,文本按原样输出和显示。当文本超出文本字段时,将生成不带换行符的滚动条。
空白:预换行;保留空网格和空行,但当文本超出文本字段时,它会自动换行。
空白:前置行;连续空单元格会显示为空单元格,但会保留连续空行。