鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 怎么禁止 table 出現(xiàn)橫向滾動條?

怎么禁止 table 出現(xiàn)橫向滾動條?

<table id="table1" border="1" width="100%" style="overflow:hidden">
<tr>
    <td width="100px">Firstname</td>
    <td>Petedfsdfsfsfdsfsfsadaffsafsffdaffsafsfgdgdfsgdsgsfsfgdgdfsgfsfgsfsfgdgdfsgfssfsfgdgdfsgfsdgdfsgdsgsdsgsfsfgdgdfsgdsgsfsdfr</td>
    <td width="100px">Lastname</td>
</tr>
</table>

如上,想讓表格的第一列和第三列固定,中間自適應(yīng).
期望的效果是中間的文字超出的時候會隱藏,但實際卻是會無限的伸長,出現(xiàn)橫向滾動條....
請問這種情況改怎么解決,還是 table 無法達(dá)到這種效果

回答
編輯回答
憶當(dāng)年
#table1{
    table-layout: fixed;
}

demo:鏈接描述

2017年4月11日 02:16