CSS在設(shè)計網(wǎng)頁時能夠幫助我們實現(xiàn)很多效果,比如設(shè)置文本超出框架的功能。想象一下,有時候我們需要在網(wǎng)頁上展示很長的文字,但是這些文字可能會超出展示的框架,這時候,我們可以通過以下步驟來實現(xiàn)這一功能。
/*首先,我們需要將框架的寬度和高度設(shè)定好*/ .frame{ width:500px; height:400px; overflow:auto; } /*overflow:auto;表示當文字超出框架時,會顯示滾動條*/ /*接下來,我們需要對文本段落進行一定的設(shè)置*/ .frame p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /*text-overflow:ellipsis;表示當文字超出框架時,加上省略號*/ /*white-space:nowrap;表示避免文字換行*/ /*overflow:hidden;表示隱藏超出框架的部分*/
通過以上步驟,我們就可以實現(xiàn)讓文本超出框架但是不影響布局的情況,使頁面更加美觀。
下一篇css選擇前四個元素