前端数据指定行数文字超出显示...

chi1130

于 2018-02-05 11:09:06 发布

阅读量2.1k

点赞数 1

分类专栏： less/sass 文章标签： css

本文链接：https://blog.youkuaiyun.com/chi1130/article/details/79257979

版权

less/sass 专栏收录该内容

6 篇文章

订阅专栏

本文展示了一个简单的HTML页面结构及CSS样式的应用实例。页面包含一个段落元素，并使用内联样式定义了字体大小、颜色等属性。通过限制显示行数和溢出隐藏效果，实现了文本的简洁展示。

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    div,p{
      display: -webkit-box;
      font-size:28px;
      color:#000000;
      line-height: 40px;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:2;
      overflow: hidden;
      text-overflow:ellipsis;
    }
  </style>
</head>
<body>
<p>fdfsfsdsdfsfsfsffdsfsdfsdfsfsadfasff哈哈哈范德萨发生的肌肤很快很快就会感官方都给电饭锅电饭锅蛋糕的觉卡回归   官方广告电饭锅电饭锅蛋糕的身份感到十分广泛啥地方广东省 官方给电饭锅电饭锅电饭锅电饭锅的事 dasdfss</p>
</body>
</html>