主頁 > 知識(shí)庫(kù) > 設(shè)置table中的寬度不隨文字改變讓其固定

設(shè)置table中的寬度不隨文字改變讓其固定
熱門標(biāo)簽：禹州電話外呼系統(tǒng) 最簡(jiǎn)單的百度地圖標(biāo)注店鋪 青海保險(xiǎn)智能外呼系統(tǒng)商家 錦州企業(yè)外呼系統(tǒng) AI外呼系統(tǒng) 價(jià)格 新鄉(xiāng)機(jī)器人外呼系統(tǒng) 營(yíng)口400電話申請(qǐng) 梧州地圖標(biāo)注app 水經(jīng)注萬能地圖標(biāo)注
頁面中table寬度設(shè)置width="600px"之后，寬度仍然不是固定的，文字太長(zhǎng)后不換行，把table都撐變形了。

解決辦法：

1.table 設(shè)置 寬度，絕對(duì)寬度和相對(duì)都可以

table-layout:fixed ;
設(shè)置了這個(gè)屬性，其余所有td都是相同的寬度。

這樣操作之后，table是寬度固定了，但是里面的文章如果很長(zhǎng)，文字會(huì)覆蓋

解決辦法：

在 td 里面 加上 style="word-wrap:break-word;" 自動(dòng)換行就好了，如果不想換行，可以將超出內(nèi)容設(shè)為隱藏，并且用省略號(hào)代替：

在td上面加

復(fù)制代碼
代碼如下:

overflow:hidden;
white-space:nowrap;

text-overflow:ellipsis;（目前僅在IE8測(cè)試通過）
推薦方法（2013-11-14 by 張雷）用div控制td的內(nèi)容

在TD中加

（1）超過寬度和高度文字會(huì)自動(dòng)隱藏

復(fù)制代碼
代碼如下:

<div style="width:100px;height:25px;overflow-x:hidden;overflow-y:hidden;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

（2）設(shè)置了td的寬度超過長(zhǎng)度自動(dòng)換行

復(fù)制代碼
代碼如下:

<td><div style="width:100px;word-wrap:break-word;" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</td>

標(biāo)簽：懷化 昭通 延邊 荊門 山南 青島 哈密 潮州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《設(shè)置table中的寬度不隨文字改變讓其固定》，本文關(guān)鍵詞  設(shè)置,table,中的,寬度,不隨,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《設(shè)置table中的寬度不隨文字改變讓其固定》相關(guān)的同類信息！
  • 本頁收集關(guān)于設(shè)置table中的寬度不隨文字改變讓其固定的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章