当前位置: 首页 > article >正文

【html中文本超出元素的宽度后显示省略号...】

在html中设置元素的宽度,然后元素中的文本不允许换行,超出元素宽度后强制显示省略号

<div class="item">
	91HTTP企业增值税专用发票(电子发票)开具教程
</div>


<style>
.item {	
	width: 290px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
</style>

实现的效果如下:
在这里插入图片描述
white-space: nowrap

  • 强制文本在同一行显示,阻止自动换行
  • 是 text-overflow: ellipsis 生效的前提条件
    overflow: hidden
  • 隐藏溢出的内容区域
    text-overflow: ellipsis
  • 在内容被隐藏时显示省略号 …

http://www.kler.cn/a/591673.html

相关文章:

  • 【漫话机器学习系列】147.Softmax 归一化(Softmax Normalization)
  • 【数据库】掌握MySQL事务与锁机制-数据一致性的关键
  • 鸿蒙应用程序包HAP的开发与使用
  • TensorFlow 与 TensorFlow Lite:核心解析与层应用
  • angular中的路由传参
  • 什么是站群服务器?站群服务器应该怎么选?
  • Trae AI 能力:开启跨系统开发新时代,让远程协作与定制化开发触手可及
  • 【Docker】windows本地docker使用compose编排容器化部署mysql
  • [动手学习深度学习]26. 网络中的网络 NiN
  • `FisherTrainer` 的自定义 `Trainer` 类:累积梯度的平方并求平均来近似计算 Fisher 信息矩阵
  • Android中实现多线程的几种方式
  • spring boot+mybaits多条件模糊查询和分页查询
  • macOS homebrew - 切换源
  • Billu_b0x靶机攻略
  • LuaJIT 学习(4)—— FFI 语义
  • 新闻发稿的核心定义与媒体发稿操作指南
  • 【从零开始学习计算机科学】信息安全(二)物理安全
  • Android第三次面试总结(网络篇)
  • 2018年全国职业院校技能大赛高职组-计算机网络应用竞赛竞赛样题I卷
  • 使用Jmeter进行接口测试的基本步骤有哪些?