<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.ellipsis {
overflow: hidden;
height: 200px;
line-height: 25px;
border: 5px solid #AAA;
}
.ellipsis:before {
content: "";
float: left;
width: 5px;
height: 200px;
}
.ellipsis>*:first-child {
float: right;
width: 100%;
margin-left: -5px;
}
.ellipsis:after {
content: "\02026";
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
float: right;
position: relative;
top: -25px;
left: 100%;
width: 3em;
margin-left: -3em;
padding-right: 5px;
text-align: right;
background-size: 100% 100%;
background: -webkit-gradient(linear, left top, right top,
from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
</style>
</head>
<body>
<div style="width: 200px; height: 200px;">
<div class="ellipsis">
<div>
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
AutoComplete 組件是一個(gè)支持自動(dòng)提示的 Input 組件，因而其不具有
</div>
</div>
</div>
</body>
</html>
