css超出隐藏并用...表示

帆 2024-05-01 0 阅读 评论
  <div class="tetx1">
  <p>我是能看见的部分,如果我足够长,那么我后面的字就会被隐藏</p>
  </div>
  <style>
  .tetx1 p{
  width: 288px;
  height: 30px;
  overflow: hidden;          /* 超出部分隐藏 */
  text-overflow: ellipsis;  /* 超出用...表示 */
  white-space: nowrap;     /* 超出部分是否换行 */
  }
  </style>


文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为时光荏苒原创文章,转载或复制请以超链接形式并注明出处。