<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div {
display: -webkit-box;
width: 200px;
height: 100px;
padding: 20px 10px;
background-color: aqua;
color: brown;
text-align: center;
vertical-align: middle;
}
p {
display: -webkit-box;
width: 200px;
height: 40px;
background-color: aqua;
color: brown;
text-align: center;
vertical-align: middle;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<body>
<!-- 這裡使用一個p标簽包裹文字是為了讓文字在div中間顯示且不應該有的内容隐藏 -->
<div><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore repellendus omnis voluptatum enim consectetur provident unde tenetur, delectus est. Soluta ducimus in, cupiditate sunt inventore sapiente quod ipsum ipsam ipsa.</p></div>
</body>
</html>
![面試題解析：你接口測試是怎麼做的？[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)