監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉
重慶網(wǎng)站建設(shè)公司

當(dāng)前位置：工程項(xiàng)目OA系統(tǒng) > 泛普各地 > 重慶OA系統(tǒng) > 重慶網(wǎng)站建設(shè)公司

如何用表格實(shí)現(xiàn)overflow:hidden

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

眾所周知，DIV+CSS里如果文本過長可以用overflow:hidden來隱藏超出的部分，但在表格td里就不起作用了，下面舉兩個(gè)例子

第一種，用DIV
<div style="width:20px; white-space:nowrap; overflow:hidden;">重慶網(wǎng)站建設(shè)，重慶網(wǎng)站制作，重慶網(wǎng)頁設(shè)計(jì)，網(wǎng)站制作公司，重慶做網(wǎng)站，重慶品牌</div>

第二種，用td
<table><tr><td style="width:20px; white-space:nowrap; overflow:hidden;">>重慶網(wǎng)站建設(shè)，重慶網(wǎng)站制作，重慶網(wǎng)頁設(shè)計(jì)，網(wǎng)站制作公司，重慶做網(wǎng)站，重慶品牌</td></tr></table>

由此可見第一種是能正常隱藏的，而第二種則行不通，在這種情況下就要用到table-layout的fixed屬性了

<style type="text/css">
table {width:20px;table-layout:fixed;}
td {white-space:nowrap;overflow:hidden;}
</style>

加上這段代碼后，就可以實(shí)現(xiàn)td也自動(dòng)隱藏超出文本了。
 

發(fā)布：2025-08-30 08:41    編輯：泛普軟件 · xiaona    [打印此頁]    [關(guān)閉]

泛普重慶網(wǎng)站建設(shè)公司其他應(yīng)用

重慶OA軟件 重慶OA新聞動(dòng)態(tài) 重慶OA信息化 重慶OA客戶 重慶OA快博 重慶OA行業(yè)資訊 重慶軟件開發(fā)公司 重慶網(wǎng)站建設(shè)公司 重慶物業(yè)管理軟件 重慶餐飲管理軟件 重慶倉庫管理系統(tǒng) 重慶門禁系統(tǒng) 重慶微信營銷 重慶ERP 重慶監(jiān)控公司 重慶金融行業(yè)軟件 重慶B2B、B2C商城系統(tǒng)開發(fā) 重慶建筑施工項(xiàng)目管理系統(tǒng)開發(fā)