css解決td單元格內文字溢位

2022-04-25 01:49:58 字數 543 閱讀 5734

td單元格內顯示的文字太長時,總是會自動分行,把**撐高了,或者密密麻麻的一片,總是不好看~

俺一開始的做法是用php的mb_substr()來擷取定長的字串,但是,因為中英文位元組的差異,比如,10個中文字元就比10個英文本元要長得多,在網頁上顯示起來就忽長忽短,無法對齊,很不美觀~

~解決辦法~

第一步:標籤加樣式:style="table-layout:fixed;"(一定要加,否則下面定義的td的樣式都不起作用了)

第二步:加樣式:style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"

~成功解決~

***************====補充***************====

遇到一種情況,使用上述方法,在ie10、ie9、ie8、firefox、opera下都可以隱藏超出的文字,但是在ie7和ie6下就不能隱藏,顯示了密密麻麻的幾行文字(有標點的中文),幾經搜尋和嘗試,找到兩種解決方法:一是在td和文字之間套多一層div。二是td的寬度設定不用確定的數字,而是用百分比。

css解決td單元格內文字溢位

td單元格內顯示的文字太長時,總是會自動分行,把 撐高了,或者密密麻麻的一片,總是不好看 俺一開始的做法是用php的mb substr 來擷取定長的字串,但是,因為中英文位元組的差異,比如,10個中文字元就比10個英文本元要長得多,在網頁上顯示起來就忽長忽短,無法對齊,很不美觀 解決辦法 第一步 標...

單元格寬度 如何讓文字自動適應單元格?

如圖 8 23所示為某公司人力資資部人員製作的考勤表,由於考勤表需要用a4紙橫向列印,但於空間有限,在單元格中錄入內容 如30 時,單元格寬度就會增加,工作人員希望實現在單元格中不管內容有多少單元格寬度都固定不變,如何操作?圖8 23考勤表 1 解決方案 利用 適應文字 功能讓文字自動適應單元格。2...

advStringGrid單元格文字垂直居中

1 必須設定advstringgrid屬性wordwrap false,2 在ongetalignment事件中,新增以下 procedure tfrm book input.stringgrid1getalignment sender tobject arow,acol integer var h...