Skip to main content

使用'p'和'br'标签创建空白

IT新領域 35 - HTML基礎(1) 標題和段落教學 (六月 2025)

IT新領域 35 - HTML基礎(1) 標題和段落教學 (六月 2025)
Anonim

网站上的空间似乎是一件相当简单的事情。但是,当您第一次尝试按键几次并且信息没有出现在您的页面上时,您会发现它并不像看起来那么容易。

有几种方法可以在网站上创建空间。前两个是HTML标签:

段落标记通常会在项目之间放置一个空格。它充当段落。

但是,有几个

连续不会做任何事情,除了弄乱你的页面。一些编辑会提出

在地方添加更多空间,但这确实没有使用

标签,而不是我们将在一分钟内得到的角色。



tag只是在文本流中放置一个换行符。但是,它可以连续多次使用以创建长字符串的空白区域。问题是,您无法定义空间的高度和宽度,它自动是页面的宽度。

CSS边距和填充

为Web页面文档添加空间的另一种方法是使用CSS属性边距和填充。这是一种更好的方法,可以准确地获得元素之间的空间量。而且您不仅可以影响文档中的垂直空间。

非破碎空间()

最后,还有不间断的空间。除了浏览器单独处理每个字符实体外,此字符实体的行为与普通文本空间完全相同。

如果你连续放四个,浏览器将在文本中放置四个空格。

请注意,较旧的浏览器可能无法呈现多个不间断的空格。

在表中使用非中断空格

如果您不在单元格中包含某些内容以保持打开,表格通常会关闭或中断。例如:使用以下HTML创建一个包含30像素装订线的表格:

本文左侧应该有一小部分空间。有些浏览器会正确显示它,但许多浏览器会忽略表宽度请求并将文本与左边距齐平。很烦人!

要防止表列中断,请使用不间断的空格:

本文左侧应该有一小部分空间。大多数浏览器都会正确显示它。