在table標籤中,td的寬度設定好後,是沒有用的,因為table是乙個整體,他的td寬度是由其中乙個最長td寬度決定的,
原因是瀏覽器預設情況下,如果有乙個單詞很長,導致一行剩下的空間放不下,則瀏覽器會把這個單詞挪到下一行去。但是如果新行還是放不下,則會溢位,就會變成下面的樣子,
如圖所示
這時候只要在table標籤上加
word-wrap: break-word;
word-break: break-all;
之後再設定百分比寬度就可以生效了
如圖所示
word-wrap: break-word;會先另起一行,新的行放不到再把單詞斷了
word-break: break-all;他不會去新起一行,而是直接在後面跟著,如果放不下,則會強制把單詞折斷
舉個簡單的例子
i am a shy boyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
如果用word-wrap: break-word;則會變成
i am a shy
boyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
如果用word-break: break-all;則會變成
i am a shy boyyyy
yyyyyyyyyyyyyyyyyyyyyyyyy
jQuery獲取table表中的td標籤
首先我來介紹一下我遇到的問題 1.當有乙個table表包含了標籤,標籤,大致可以認為是這樣的 tr td scene.id td td scene.scenename td td scene.qrurl td td scene.localurl td td if string.isnullorwhi...
JS修改Table中Td的值。
專案做完,在測試驗收時,使用者突然提出,可以更改查詢結果,便於列印。隱藏工程錯誤。但是這個時候提要求,比較頭痛,後來,想了想還是用前台 這樣,只要在專案的js檔案中,加入以下幾個函式,便可以解決了。code 頁面裝載時,為每個td增加單擊事件,這樣,就可以不用對每個頁面進行更改。function r...
取td在table中的第幾行
滑鼠在乙個table中點的時候,請問用什麼辦法能反應出當前點中的td是該table的第幾行?a this.parentnode.rowindex b parentelement.rowindex c 突然發現dom裡有非常多操作 的方法,平常很少用到,在此收集一下.loveliness otr.ro...