在CSS中, 我們可以使用"div"元素來創建一個 "容器" 標簽,并用 CSS 來定義這些"div"容器標簽的樣式。通過這種方式,我們可以將頁面劃分為一個個區域,從而對每一個區域應用不同的樣式。
<div> <p>這是一段文本內容,它可以很長很長,可以占據多行</p> <p>這是一段文本內容的下一行,它也可以很長很長,可以占據好多行</p> </div>
如果以上的兩段文本在同一個"div"中,它們就會擠在一起,形成一段非常長的,有時候會超出屏幕寬度的文本內容。為了解決這個問題,我們可以使用"div"元素的"height"屬性來控制文本在"div"容器中的顯示行數。
<div style="height:2em"> <p>這是一段文本內容,它可以很長很長,可以占據多行</p> <p>這是一段文本內容的下一行,它也可以很長很長,可以占據好多行</p> </div>
上述代碼中,"div"容器的"height"屬性被設置為"2em",意味著文本最多只能顯示兩行。當文本超過兩行時,超出部分將被隱藏起來。通過這種方式,我們可以輕松地控制文本內容在頁面上的顯示,使之更加美觀。