设置单元格不换行，多出的部分隐藏

最新推荐文章于 2023-05-03 16:54:46 发布

原创最新推荐文章于 2023-05-03 16:54:46 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS来控制段落文本不换行并隐藏超出部分的方法。通过设置特定样式，可以确保过长的文本能够优雅地处理，保持网页布局的整洁。

/* 材料名称缩写 */
	.materialName {
		width: 245px;
		white-space: nowrap;              /*规定段落中的文本不进行换行：*/
		text-overflow: ellipsis;           /*规定当文本溢出包含元素时发生的事情。*/
		overflow: hidden;				/*这个属性定义溢出元素内容区的内容会如何处理*/
	}