css3中什么是用来设置文本高度的-前端问答-PHP中文网

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

WBOY

发布： 2022-06-20 15:40:34

原创

1616人浏览过

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

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

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

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

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

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

示例如下：

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

Vuex参考手册中文CHM版

Vuex是一个专门为Vue.js应用设计的状态管理模型 + 库。它为应用内的所有组件提供集中式存储服务，其中的规则确保状态只能按预期方式变更。它可以与 Vue 官方开发工具扩展(devtools extension) 集成，提供高级特征，比如零配置时空旅行般（基于时间轴）调试，以及状态快照导出/导入。本文给大家带来Vuex参考手册，需要的朋友们可以过来看看！

查看详情

<!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>

登录后复制

输出结果：