不是斷線和最大寬度

我有一個表，它不能斷行在任何td。所有td都有最大寬度屬性。不是斷線和最大寬度

一些td文本比最大寬度更長的時間，我想「突破」這個文本這個最大寬度，例如：

文字：「這是TD文本」

文字可以完美融入td：「這是」

這是我的代碼：

.nobreaklineClass{ 
 
    white-space: nowrap; 
 
} 
 
.maxwidthClass{ 
 
    max-width: 30px; 
 
}

<table> 
 
    <tr class="nobreaklineClass"> 
 
    <td class="maxwidthClass">"this is the text in td" </td> 
 
    </tr> 
 
</table>

我該怎麼做？

來源

2017-03-07 cucuru

「break」是什麼意思？用'white-space：nowrap'你可以明確地說*不*包裝線。 –

添加overflow: hidden;到小區：

.nobreaklineClass{ 
 
    white-space: nowrap; 
 
} 
 
.maxwidthClass{ 
 
    max-width: 30px; 
 
    border: 1px dotted #ddd; 
 
    overflow: hidden; 
 
}

<table> 
 
    <tr class="nobreaklineClass"> 
 
     <td class = "maxwidthClass">"this is the text in td" </td> 
 
    </tr> 
 
</table>

（我加一個虛線邊框，使細胞大小清晰）

來源

2017-03-07 17:53:16 Johannes

類似約翰內斯，但用省略號：

.nobreaklineClass{ 
 
    white-space: nowrap; 
 
} 
 
.maxwidthClass{ 
 
    max-width: 80px; 
 
    border: 1px dotted #ddd; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<table> 
 
<tr class="nobreaklineClass"> 
 
    <td class = "maxwidthClass">this is the text in td</td> 
 
</tr> 
 
</table>

來源

2017-03-07 18:10:50 Mortolian

不是斷線和最大寬度

回答

相關問題