麻烦老师检查

来源：2-7 编程练习

dww1

2022-06-09 17:11:43

<style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .box{
            width: 350px;
            border: 1px solid #ccc;
            margin: 50px auto;
            padding: 20px;
        }
        .text-ellipsis{
            /* 文字溢出隐藏 */
            overflow: hidden;
            /* 显示省略号 */
            text-overflow: ellipsis;
            /* 不换行 */
            white-space: nowrap;
            border-bottom: 1px dashed #ccc;
            padding-bottom:10px;
        }
    </style>
</head>
<body>
    <div class="box">

        <p class="text-ellipsis">最强折叠屏手机来袭，三星Galaxy Fold引领潮流风尚</p>

        <p class="text-ellipsis">我国双层高铁测试完毕，二等座载客量提升33%，还能进一步升级</p>

        <p class="text-ellipsis">中央文件：规划发展雄安新区教育，有限发展教育事业</p>

        <p class="text-ellipsis">2019春节红包大战分析 ：春晚合作伙伴身份直接公布</p>

        <p class="text-ellipsis">2.25福宝精粹：免费领联通500M流量、百度一下</p>

    </div>

写回答

1回答