首页 > 其他分享 >文字超出长度显示...(单行,与多行)

文字超出长度显示...(单行,与多行)

时间:2023-12-24 11:13:22浏览次数:33  
标签:多行 ... 吴承恩 神魔 单行 古典 小说 西游记 四大名著

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <style>
        div:nth-child(1) {
            /* 单行文字超出长度显示... */
            background: pink;
            width: 200px;


            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

        }

        div:nth-child(2) {
            /* 设置多行文字超出长度显示... */
            background: skyblue;
            width: 200px;

            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;   /* 设置多少行 */

           


        }
    </style>
</head>

<body>
    <div>
        《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。
    </div>

    <div>
        《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。
        《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。
        《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。
    </div>
</body>
<script>

</script>

</html>

标签:多行,...,吴承恩,神魔,单行,古典,小说,西游记,四大名著
From: https://www.cnblogs.com/StevenYF/p/17924154.html

相关文章

  • mysql报错:Duplicate entry ‘...‘ for key ‘field‘
    错误信息"Duplicateentry'...'forkey'field'"表示在数据库表中,你正在尝试插入一条数据的'number'字段的值已经存在。这通常是由于你设置了'field'字段为唯一键(UNIQUEKEY),而你又尝试插入一个已存在的值。解决这个问题的方法有以下几种:检查输入的数据:确保你插入的数据在该字段......
  • 甘肃捐款名单列表 --- 来源于网络所以...
    小杨哥,捐出了1200万元人民币李佳琦捐款500万元。电商主播李佳琦向中华慈善总会捐赠500万元进行震区专项救援新茶饮公益基金携手古茗、书亦烧仙草、茶百道、蜜雪冰城、沪上阿姨、喜茶、益禾堂、茶颜悦色、7分甜、甜啦啦共计10家新茶饮品牌第一时间响应紧急救援工作,捐赠1000万元......
  • [问题记录] C# 使用NPOI操作Excel模版写入数据 - 生成文件打开时提示 "发现 XXX.xlsx
    解决方案:1.先确保原来的模版文件打开是正常的,没有提示要恢复2.用Office打开这个模版文件,另存为一个文件。用这个文件来作为模版使用。 问题描述:使用C#NPOI操作Excel模版(模版用office打开是正常的),写入数据,导出的文件打开时提示是否尝试恢复,点击“是”后,发现Excel内......
  • DevExpress中使用BandGridView实现复合(多行)表头、设置多行表头背景颜色、表格边框颜色
    一、实现效果二、实现方法2.1、创建复合表头①将创建的GridControl下的GirdView1转化为BandGridView类型;②创建需要展示的列(指定列的名称【Name】、描述【caption】、数据字段名称【FieldName】)③绑定列实现复合表头。注意:如果复合表头有多行,则需要设置新增Band的RowCoun......
  • Docker常用命令记录.......
    Docker基本命令查看本地镜像dockerimages搜索镜像dockersearchtomcat拉取镜像dockerpulltomcat:版本号#默认是latest删除镜像dockerrmiIMAGEID运行镜像-it表示与容器进行交互式启动-d表示可后台运行容器(守护式运行)--name给要运行的容器起的名字-......
  • 无涯教程-Go - if...else 语句函数
    if语句后可以跟可选的else语句,该语句在布尔表达式为false时执行。if...else-语法Go编程语言中的if...else语句的语法是-if(boolean_expression){/*如果布尔表达式为真,则将执行语句*/}else{/*如果布尔表达式为假,语句将执行*/}if...else-流程图p......
  • JS+CSS多行文本显示“更多”
    本代码展示最多显示3行,每行行高16px,3行总高48px,4行总高64px当文本行数大于3行,显示“更多”CSS:#CourseDesc{margin-top:5px;font-size:12px;position:relative;max-height:48px;line-height:16px;overflow:hidden;}#CourseDesc.temp{position:absolute;top......
  • 今年倒闭了1.09万家芯片公司.... | 百能云芯
    近日,据钛媒体报道,数据显示,中国芯片产业正经历着一轮明显的调整,行业迎来了寒冬。截至2023年12月11日,中国已有1.09万家芯片相关企业工商注销、吊销,同比增加69.8%,较2022年的5746家增长89.7%。与此同时,同期新注册的芯片企业达6.57万家,同比增加9.5%,这表明芯片行业正在经历大规模的企业出......
  • 命令行窗口java运行报错:Error: A JNI error has occurred,please check your installa
     jre匹配问题解决方法:第一步:右键点击构建路径。 第二步将原来的系统库移除第三步添加系统库 第四步选择与自己电脑java相符的执行环境 ......
  • 限制Android程序员发展的不是年龄,而是这个.....
    前言在互联网圈有个默认的35岁定律:做互联网技术的,一旦年龄来到35岁,如果不能转到公司的管理岗位,还在基层默默地写程序,改bug,那么离被离职就不远了。同样,这两年网上大量的裁员信息层出不穷,不少大龄程序员都在这被淘汰。那么,我们今天一起来思考一下限制程序员发展的到底是什么?是年龄?为......