利用css实现文字一行显示不完时显示省略号

最新推荐文章于 2024-06-09 17:43:42 发布

tiantiandashi

最新推荐文章于 2024-06-09 17:43:42 发布

阅读量8.9k

点赞数

分类专栏：杂七杂八

本文链接：https://blog.csdn.net/tiantiandashi/article/details/80743798

版权

杂七杂八专栏收录该内容

12 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
            RunJS 演示代码
        </title>
        <style>
            .gdou{
                width:200px;
                height:30px;
                background:pink;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
        </style>
  </head>
    <body>
 
        <div class='gdou'>
            这一行很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的。
        </div>
  </body>
</html>

效果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tiantiandashi

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
利用css实现文字一行显示不完时显示省略号

代码：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt; RunJS 演示代码 &lt;
复制链接

扫一扫