在 CSS 中,換行符標(biāo)簽 (br) 是一個(gè)用于在HTML文檔中添加新行的標(biāo)簽。使用 br 標(biāo)簽可以使代碼更易于閱讀和維護(hù)。
br 標(biāo)簽的作用是將一個(gè)段落分成兩個(gè)新段落。在 CSS 中,我們可以使用br標(biāo)簽來(lái)定義新段落的樣式,例如,將 br標(biāo)簽的值設(shè)置為"clear":
body {
margin: 0;
padding: 0;
background-color: #f0f0f0;
.parent {
display: flex;
flex-wrap: wrap;
.child {
width: 200px;
height: 200px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
text-align: center;
display: flex;
flex-wrap: wrap;
br {
clear: both;
在上面的代碼中,我們使用 br 標(biāo)簽來(lái)定義一個(gè)新的段落,并將其與父段落分離。父段落使用 display: flex; 和 flex-wrap: wrap; 屬性來(lái)使其能夠自動(dòng)換行。子段落使用 display: flex; 和 flex-wrap: wrap; 屬性來(lái)保持其長(zhǎng)度,并在父段落換行時(shí)將其分離到新的段落。
使用 br 標(biāo)簽的另一個(gè)優(yōu)點(diǎn)是,它可以防止文本重疊,使代碼更易于閱讀。如果使用其他標(biāo)簽,例如換行符 (<br>) 或回車(chē)符 (<br/>),文本可能會(huì)重疊,使代碼更難閱讀。
總之,br 標(biāo)簽是 CSS 中用于換行和分離段落的常見(jiàn)標(biāo)簽之一。使用它們可以使代碼更易于閱讀和維護(hù)。