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

网站上的空间似乎是一件相当简单的事情。 但是,当你第一次尝试点击关键字并且没有在页面上显示该信息时,你会意识到它并不像看起来那么容易。

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

...

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

但是,连续的几个

不会干扰您的页面。 有些编辑会将

放在需要增加空间的位置,但这实际上并不是使用

标签,而是一分钟内我们会用到的角色。



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

CSS边距和填充

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

非破坏空间()

最后,还有不间断的空间 。 这个字符实体的行为与普通文本空间完全相同,除了浏览器分别对待每一个。

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

请注意,旧版浏览器可能不会呈现多个不间断空格。

在表格中使用不可打破的空格

如果你没有在单元格中包含某些东西来保持它打开,表格通常会关闭或中断。 例如:使用以下HTML创建一个具有30像素装订线的表格:

本文的左侧应该有少量空间。 有些浏览器会正确显示它,但是许多浏览器会忽略表格宽度请求,并将文本与左边距放在一起。 很烦人!

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

本文的左侧应该有少量空间。 大多数浏览器都会正确显示它。