CSS中如何讓文字超出一行顯示？ 在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常需要讓一些文字顯示在一行上，但如果文字內(nèi)容過(guò)長(zhǎng)，就會(huì)出現(xiàn)文字被截?cái)嗟那闆r，這時(shí)我們可以借助CSS的一些屬性來(lái)使文字超出一行顯示。 首先，我們可以利用文本溢出屬性（text-overflow）來(lái)實(shí)現(xiàn)這個(gè)功能。通過(guò)設(shè)置該屬性為ellipsis（省略號(hào)），當(dāng)文字超出一行時(shí)，會(huì)自動(dòng)顯示省略號(hào)以表示未顯示的部分。需要注意的是，該屬性只對(duì)已設(shè)置寬度的元素有效。 示例代碼如下： ``` p { width: 200px; white-space: nowrap; /*禁止換行*/ overflow: hidden; /*超出部分隱藏*/ text-overflow: ellipsis; /*超出部分用省略號(hào)表示*/ } ``` 如果希望在超出一行時(shí)顯示完整的文字內(nèi)容，可以將文本溢出屬性修改為clip，這樣文字會(huì)被裁剪而不是顯示省略號(hào)。 除了文本溢出屬性，還可以使用flex布局的相關(guān)屬性來(lái)實(shí)現(xiàn)一行顯示。將容器的display屬性設(shè)置為flex，再將子項(xiàng)的flex屬性設(shè)置為1，子項(xiàng)就會(huì)平均分配容器的寬度，從而實(shí)現(xiàn)一行顯示的效果。 示例代碼如下： ``` div { display: flex; } p { flex: 1; } ``` 以上就是兩種使文字超出一行顯示的方法，大家可以根據(jù)實(shí)際需求選擇使用。在應(yīng)用時(shí)，需要根據(jù)具體情況進(jìn)行樣式調(diào)整，以達(dá)到最佳的顯示效果。