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

目前創(chuàng)新互聯(lián)建站已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、永濟(jì)網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

在css3中，可以利用height屬性配合overflow屬性來(lái)設(shè)置文本高度；height屬性用于設(shè)置元素的高度，overflow屬性用于設(shè)置文本超出元素高度隱藏，語(yǔ)法為“文本元素{height:需要顯示的高度值;overflow:hidden;}”。

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

css3中什么是用來(lái)設(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é)果：

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