AI智能
改变未来

CSS超出部分显示省略号

1、单行文本省略号

div{width:200px;white-space:nowrap;		/* 强制文本一行显示 */overflow:hidden;		/* 超出的部分隐藏 */text-overflow:ellipsis;	/* 超出的文本显示省略号 */}

2、多行文本省略号

div{overflow: hidden;  		 	  /* 超出的部分隐藏 */text-overflow: ellipsis; 	  /* 超出的文本显示省略号 */display: -webkit-box;   	  /*将对象作为弹性伸缩盒子模型显示*/-webkit-line-clamp: 3;   	  /* 在第几行显示省略号*/-webkit-box-orient: vertical; /*从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)*/}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » CSS超出部分显示省略号