HTML中仅捕获文本周围空间的标签

在HTML中，如果我们想要控制文本元素周围的间距，那么我们通常会使用CSS来实现，比如通过设置元素的margin属性来控制周围空间的大小。但实际上，HTML中还有一些标签可以直接控制文本元素周围的空间，而这些空间不会影响其他元素的布局。这些标签就是<br>，<wbr>和<nobr>。

<br>标签

<br>标签是HTML中最常见的用于换行的标签，它可以将文本元素在页面上换行显示。虽然<br>标签本身不会直接控制周围空间的大小，但是通过设置<br>标签的margin属性，我们可以控制文本元素周围的间距。例如：

<p>
  这是一段文本。<br style="margin-top: 20px; margin-bottom: 20px;">这是下一行文本。
</p>

这段代码中，我们在<br>标签上设置了margin-top和margin-bottom属性来控制文本元素上下方的空间大小。

<wbr>标签

<wbr>标签是HTML5中新增的标签，用于在文本中插入一个可选的换行符号，但是不会强制换行。与<br>标签不同的是，<wbr>标签仅仅会在一个单词的内部插入换行符，而不会影响单词的分割。例如：

<p>
  这是一段文本，其中包含一个很长的单词——supercalifragilisticexpialidocious。<wbr>在这个单词内部插入一个<wbr>换行符，但不会影响单词的分割。
</p>

<nobr>标签

<nobr>标签是HTML4中引入的标签，用于指定一段文本为不可换行的文本。使用<nobr>标签可以确保一段文本不会被自动换行，从而使得这段文本与其他元素的布局更加紧凑。例如：

<p>
  这是一段<wbr>可以<wbr>自动<wbr>换行的<wbr>文本。<nobr>而这是一段不可以<wbr>换行的文本。</nobr>
</p>

这段代码中，我们使用<nobr>标签将第二段文本指定为不可换行的文本，从而使得这段文本与其他文本的间距更加紧凑。

总之，在HTML中，除了使用CSS来控制元素周围的间距之外，还可以使用<br>、<wbr>和<nobr>这些标签来直接控制文本元素周围的空间。如果你想要更加细致地控制文本的布局，这些标签也许可以给你带来帮助。