在網頁中，表格是一種常見的元素。但是，當表格中的某一行內容過長時，就會出現內容被截斷的情況。為了解決這個問題，我們可以使用CSS來將表格內容兩行顯示。

table {
border-collapse: collapse;
}
td {
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
}
td span {
display: none;
}
@media screen and (min-width: 768px) {
td {
white-space: initial; 
overflow: initial; 
text-overflow: initial;
}
td span {
display: inline-block;
}
}

以上是一個簡單的CSS代碼，可以實現在移動設備上，表格內容單行顯示，同時在大屏設備上，表格內容會自動分為兩行。

代碼的解釋如下：

• border-collapse: collapse;：表格邊框合并，使得表格看起來更整齊
• white-space: nowrap; overflow: hidden; text-overflow: ellipsis;：當單元格內容過長時，不換行，超出部分使用省略號表示
• td span { display: none; }：隱藏每個單元格中的span元素
• @media screen and (min-width: 768px) { }：這是一個CSS媒體查詢，當設備的寬度大于等于768px時，執行括號中的代碼
• white-space: initial; overflow: initial; text-overflow: initial;：當設備寬度大于等于768px時，允許單元格內容換行
• td span { display: inline-block; }：設置每個單元格中的span元素為行內塊級元素，使其自動分為兩行

通過這樣的CSS設置，我們可以讓表格內容更加清晰易讀，提高網頁的用戶體驗。