<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>內容超出顯示省略號</title>
<style>
.cont{
width:200px;
overflow: hidden;/*內容超出后隱藏*/
text-overflow: ellipsis;/* 超出內容顯示為省略號*/
white-space: nowrap;/*文本不進行換行*/
}
</style>
</head>
<body>
<p class="cont">
訂單的的頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂
頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂頂
</p>
</body>
</html>