css單行文本溢出顯示省略号

css單行文本溢出顯示省略号

1.css

.text {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}
           

2.html

<div class="text">requirejs能帶來什麼好處requirejs能帶來什麼好處requirejs能帶來什麼好處</div>
           

效果：