前端筆記,table標籤中td寬度不受控制的坑

2021-09-30 20:43:32 字數 832 閱讀 1486

在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...