css怎样设置文本显示高度并且隐藏超出部分

百变鹏仔 3个月前 (09-20) #CSS

文章标签文本

方法：1、利用height属性设置文本元素的显示高度，语法为“文本元素{height:高度值;}”；2、利用overflow属性将超出文本高度的部分隐藏起来，语法为“文本元素{overflow:hidden;}”。

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

css怎样设置文本显示高度并且隐藏超出部分

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

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

立即学习“前端免费学习笔记（深入）”；

示例如下：

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <style type="text/css">            div{                width:200px;                height:100px;                border:1px solid black;                overflow:hidden;            }        </style>    </head>    <body>        <div>css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏</div>    </body></html>

输出结果：

（学习视频分享：css视频教程）

文章推荐

css怎样设置文本显示高度并且隐藏超出部分

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写