CSS是我們前端工程師的必備技能之一，它可以讓我們以讓人難以置信的方式控制HTML的外觀。在這篇文章中我們將討論如何使用CSS控制<br>標(biāo)簽的高度。

<br>標(biāo)簽是一個(gè)非常有用的HTML元素，它可以用來在文本中插入一個(gè)換行符。它通常不帶任何屬性，只是一個(gè)空標(biāo)簽。默認(rèn)情況下，它會(huì)在HTML中插入一個(gè)標(biāo)準(zhǔn)的換行符，我們會(huì)注意到一個(gè)換行符會(huì)留下一個(gè)比較大的空白區(qū)域。

Hello
World!

在上面的例子中，我們插入了一個(gè)<br>標(biāo)簽，這個(gè)標(biāo)簽的高度是默認(rèn)的，我們可以看到在"Hello"和"World!"之間有一定的空白區(qū)域。

如果我們想要控制這個(gè)空白區(qū)域的大小，我們可以使用CSS來改變<br>標(biāo)簽的高度。通過設(shè)置標(biāo)簽的"line-height"屬性，我們可以控制每行的高度。如果我們將"line-height"的值設(shè)置為與字體大小相同的值，我們會(huì)得到一個(gè)不帶空白區(qū)域的標(biāo)記。

<p>Hello<br style="line-height: 20px;">World!</p>

在上面的例子中，我們將"line-height"屬性設(shè)置為20px。現(xiàn)在我們可以看到，"Hello"和"World!"之間的空白區(qū)域已經(jīng)變小了，這也使得我們的文字更加緊湊。

通過使用CSS控制<br>標(biāo)記的高度，我們可以改善我們網(wǎng)頁的外觀，使其更加漂亮和易于讀取。希望這篇文章能幫助你更好地掌握CSS的技巧！