• 技术文章 >web前端 >前端问答

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

    长期闲置长期闲置2022-06-20 15:40:34原创170

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

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

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

    我们可以通过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>

    输出结果:

    02.png

    (学习视频分享:css视频教程html视频教程

    以上就是css3中什么是用来设置文本高度的的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css3的新增属性有没有设置文本溢出的样式 下一篇:类名选择器是css3新增才有的吗
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css3中rotate3d方法怎么用• 一文了解CSS3中的新属性object-view-box• css3动画有执行顺序吗• css3边框怎么取消阴影• css3动画执行一次的复合写法是什么
    1/1

    PHP中文网