在 CSS 設計中，有時需要讓文本內容填充在固定寬度的div標簽中，但又不能讓字體超出div的邊界。這種情況下，怎樣才能實現這樣的效果？下面將介紹如何使用 CSS 控制字體不超出div的邊界。

div {
width: 200px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
overflow: hidden;
}
p {
margin: 0;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

以上代碼中，div的overflow屬性設置為hidden，這意味著超出div邊界的內容將會被隱藏。而p標簽的樣式中設置white-space: nowrap表示禁止折行，text-overflow: ellipsis表示在超出邊界的文本處顯示省略號，overflow: hidden表示超出部分也隱藏起來。

需要注意的是，如果div標簽的寬度過小，或文本過長，仍舊會造成文字溢出的情況，因此應該根據實際情況選擇合適的寬度和長度、字體大小，才能實現完美的效果。