這篇文章主要講解了“css如何設(shè)置文本顯示高度并且隱藏超出部分”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“css如何設(shè)置文本顯示高度并且隱藏超出部分”吧！

專業(yè)從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè),高端網(wǎng)站制作設(shè)計(jì),重慶小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠(chéng)服務(wù)，采用HTML5+CSS3前端渲染技術(shù)，成都響應(yīng)式網(wǎng)站建設(shè)公司，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過(guò)程建立專項(xiàng)小組，與您實(shí)時(shí)在線互動(dòng)，隨時(shí)提供解決方案，暢聊想法和感受。

方法：1、利用height屬性設(shè)置文本元素的顯示高度，語(yǔ)法為“文本元素{height:高度值;}”；2、利用overflow屬性將超出文本高度的部分隱藏起來(lái)，語(yǔ)法為“文本元素{overflow:hidden;}”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css怎樣設(shè)置文本顯示高度并且隱藏超出部分

我們可以通過(guò)height屬性設(shè)置文本元素的顯示高度，通過(guò)overflow屬性設(shè)置文本元素超出高度時(shí)顯示隱藏。

overflow 屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情。當(dāng)元素值設(shè)置為hidden是就會(huì)隱藏超出的部分。

示例如下：

    
        
        
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
            }
        
    
    
        
css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏css設(shè)置文本顯示高度超出部分隱藏
    

輸出結(jié)果：

感謝各位的閱讀，以上就是“css如何設(shè)置文本顯示高度并且隱藏超出部分”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)css如何設(shè)置文本顯示高度并且隱藏超出部分這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！