設定table中的寬度不隨文字改變讓其固定_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:38:52
原創
1617 人瀏覽過

頁面中table寬度設定width="600px"之後,寬度還是不是固定的,文字太長後不換行,把table都撐變形了。

解決方法:

1.table 設定寬度,絕對寬度和相對都可以

table-layout:fixed ;
設定了這個屬性,其餘所有td都是相同的寬度。

這樣操作之後,table是寬度固定了,但是裡面的文章如果很長,文字會覆蓋

解決方法:

在td 裡面加上style=" word-wrap:break-word;" 自動換行就好了,如果不想換行,可以將超出內容設為隱藏,並且用省略號代替:

在td上面加

複製程式碼
程式碼如下:

overflow:hidden;
white-space:nowraprap;

text-overflow:ellipsis;(目前僅在IE8測試通過)
建議方法(2013-11-14 by 張雷)用div控制td的內容

在TD中加

(1)超過寬度和高度文字會自動隱藏

複製程式碼
程式碼如下:

aaaaaaaaaaaaaaaaaaaa 2)設置了td的寬度超過長度自動換行



複製代碼
代碼如下:
aaaaaaa>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!