Css的文本规则

最新推荐文章于 2024-10-13 19:23:10 发布

宝寶宝

最新推荐文章于 2024-10-13 19:23:10 发布

阅读量89

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_43800477/article/details/119748006

版权

text-align 文本在容器中显示方式

text-decoration-line:underline;

text-decoration-style: double;

text-decoration-color: lightsalmon;

text-decoration: none;

text-indent 缩进

text-transform 控制大小写

white-space：容器内的文本是否会主动换行；（nowrap 不换行，wrap 换行）

overflow: 容器内的内容超出部分如何处理？（hidden 隐藏）

text-overflow: 文本超出部分如何显示提示？（ellipsis 省略号）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>文本规则测试</title>

    <style>

        .box {

            width: 300px;

            background-color: aquamarine;

            text-overflow: ellipsis;

            white-space: nowrap;

            overflow: hidden;

        }

    </style>

</head>

<body>

    <div class="box">

    矿业工程学院成功举办2021年遥感综合实习专家报告会

    </div>

</body>

</html>