【CSS】文本属性汇总

Silviaya

已于 2023-08-26 23:21:57 修改

阅读量27

点赞数

分类专栏： CSS 文章标签： css

于 2023-07-04 22:27:03 首次发布

本文链接：https://blog.csdn.net/weixin_46368797/article/details/131544397

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文本溢出换行

<body>
    <div>
        <p>啊啊啊啊啊啊啊啊啊啊啊啊啊</p>

    </div>
</body>

样式1：文本溢出部分隐藏

	<style>
        p {
            white-space: nowrap;
            overflow: hidden;
        }
        div {
            width: 120px;
            border: 1px solid black;
        }
    </style>

在这里插入图片描述

样式2：文本溢出部分使用省略号代替

 		p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;//关键属性
        }

        div {
            width: 120px;
            border: 1px solid black;
        }

在这里插入图片描述