移动端文字达到一定长度后可以滑动

最新推荐文章于 2024-06-14 16:26:57 发布

周嗨嗨

最新推荐文章于 2024-06-14 16:26:57 发布

阅读量3.6k

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/zhouhaisunny/article/details/80459550

版权

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在移动端实现当文字长度超过指定范围时自动滑动的效果。通过使用HTML和CSS，可以使得过长的文字内容在特定区域内平滑滚动展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端文字到达一定长度以后自动滑动效果：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>向左滑动显示剩余的隐藏文字</title>
  <style type="text/css">
      *{margin:0;padding:0;}
      body{background: #EFEFF4;}
      .m11{
        height: 28px;
        width: 400px;
        overflow: hidden;
        margin: 10px;
      }
      .m10 {
        line-height: 28px;
        height: 45px;
        width: 420px;
        overflow: auto;
        background: #fff;
        white-space: nowrap;
        font-size: 14px;
      } 
  </style>
</head>
<body>
  <div class="m11"><div class="m10">新浪网新闻中心是新浪网最重要的频道之一,24小时滚动报道国内、国际及社会新闻。每日编发新闻数以万计。</div></div>
</body>
</html>