css3怎么设置文本高度

这篇文章主要讲解了“css3怎么设置文本高度”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css3怎么设置文本高度”吧！

目前创新互联建站已为上1000+的企业提供了网站建设、域名、网页空间、网站托管、服务器托管、企业网站设计、永济网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

在css3中，可以利用height属性配合overflow属性来设置文本高度；height属性用于设置元素的高度，overflow属性用于设置文本超出元素高度隐藏，语法为“文本元素{height:需要显示的高度值;overflow:hidden;}”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3中什么是用来设置文本高度的

我们可以通过height属性设置文本元素的显示高度，通过overflow属性设置文本元素超出高度时显示隐藏。

overflow 属性规定当内容溢出元素框时发生的事情。当元素值设置为hidden是就会隐藏超出的部分。

示例如下：

    
        
        
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
            }
        
    
    
        
css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏
    

输出结果：

感谢各位的阅读，以上就是“css3怎么设置文本高度”的内容了，经过本文的学习后，相信大家对css3怎么设置文本高度这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

文章名称：css3怎么设置文本高度
文章起源：http://jkwzsj.com/article/jheedp.html