CSS中,我們可以使用display屬性將a標(biāo)簽轉(zhuǎn)換為塊元素,我們可以給a標(biāo)簽添加以下樣式:
a { display: block; }
這樣,所有的a標(biāo)簽都會(huì)被轉(zhuǎn)換為塊元素,在這個(gè)樣式中,每個(gè)a標(biāo)簽都會(huì)從文本流中斷開,并且會(huì)生成一個(gè)塊級(jí)上下文,這意味著它們會(huì)占據(jù)其父元素的全部寬度,并且會(huì)生成一個(gè)垂直的間距。
如果你只想讓特定的a標(biāo)簽轉(zhuǎn)換為塊元素,那么你可以給這些a標(biāo)簽添加一個(gè)特定的類名,然后在樣式中針對(duì)這個(gè)類名進(jìn)行設(shè)置。
a.block { display: block; }
在HTML中,給需要轉(zhuǎn)換為塊元素的a標(biāo)簽添加block類名:
<a href="#" class="block">鏈接文本</a>
這樣,只有這個(gè)特定的a標(biāo)簽會(huì)被轉(zhuǎn)換為塊元素,其他沒有添加block類名的a標(biāo)簽不會(huì)被轉(zhuǎn)換。