CSS中，設置文字超出邊界時，可以使用虛線代替實線來顯示。這種方式非常適合設計師們的美學需求。

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px dashed #999;

其中，overflow: hidden;用于隱藏超出部分；text-overflow: ellipsis;表示文本過長時，用省略號代替；white-space: nowrap;表示不允許換行；border-bottom: 1px dashed #999;是指用1像素寬的虛線作為下邊線。

這樣設置后，即使文本太長，也不會導致元素變得丑陋。相反，使用虛線下劃線，可以使元素本身變得更加優雅，更具有設計感。