66其他的文本样式

最新推荐文章于 2021-06-21 12:53:27 发布

广东码农

最新推荐文章于 2021-06-21 12:53:27 发布

阅读量45

点赞数

分类专栏： html+css 文章标签： css

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/117918958

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="ch">

<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>
        .text {
            font-size: 30px;
            font-weight: bold;
            /* 
                text-decoration文本修饰
                    可选值:
                        none什么都没有
                        underline下划线
                        line-through删除线
                        overline上划线
             */
            /* text-decoration:underline red dotted; */
            text-decoration: underline;
        }
        .text2 {
            /* 
                white-space 设置网页如何处理空白s       
                    可选值：
                        normal 正常 默认值
                        nowrap 不换行
                        pre 保留空白 （就是你在html怎么写的，它在网页也怎么显示给你）
             */
            white-space: nowrap;
        }
        /* 对溢出的内容用“...”来显示 */
        .text3 {
            width: 300px;
            border: 1px solid red;/* 这个可以省略，这里用来方便看而已 */
            white-space: nowrap;/* 不换行 */
            overflow: hidden;/* 多出元素的内容裁剪掉 */
            text-overflow: ellipsis;/* 文本多出来的内容用“...”显示 */
        }
    </style>
</head>

<body>
    <div class="text">
        岁不寒，无以知松柏。事不难，无以知君子。
    </div>
    <br>
    <div class="text2">
        北国风光，千里冰封，万里雪飘。望长城内外，惟余莽莽； 大河上下，顿失滔滔。faffaega
        山舞银蛇，原驰蜡象，欲与天公试比高。
        faegaegagfagag
        须晴日，看红妆gaegaega素裹，分外妖娆。
        faata
        江山如此多娇，引无数英雄竞折腰。

        惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。

        一代天骄，成吉思汗，只识弯弓射大雕。

        俱往矣，数风流人物，还看今朝。
    </div>
    <br>
    <div class="text3">
        江山如此多娇，引无数英雄竞折腰。

        惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。
    </div>
</body>

</html>