テキストのオーバーフローにより省略記号が非表示になります


1. 単一行のテキストがオーバーフローすると、代わりに省略記号が非表示になります

	display: block; /*变为块级元素,如果是块级元素可省略*/
	white-space: nowrap; /*超出--不换行*/
	overflow: hidden; /*超出--隐藏*/
	text-overflow: ellipsis; /*文本超出--省略号代替*/

ここに画像の説明を挿入

2. 複数行のテキストがオーバーフローすると、代わりに省略記号が非表示になります

display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical; /* 设置伸缩盒子的子元素排列方式--从上到下垂直排列子元素 */
-webkit-line-clamp: 2; /*表示显示的行数*/
overflow: hidden;
text-overflow: ellipsis;

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/qq_45532769/article/details/128814101