分享至
如標題，假設我有一個表格，使用百分比定義寬度，表格中的字串(Test)後面會接數個點(.)，因此勢必會超過欄位定義的百分比寬度，我希望超過的部份可以自動隱藏，而不要異動表格定義的百分比寬度，目前嘗試許多語法，但實作起來仍會有此問題，想詢問該怎麼調整呢?
Test
.
如下圖，圖一為正常表格寬度;圖二若存在長度超過表格定義的字串後，會將此表格欄位拉寬
已邀請的邦友 {{ invite_list.length }}/5
這樣嗎
codepen
參考
https://codepen.io/froce-lu/pen/MWwbwxV動作比你慢。XD
先謝謝兩位的協助，不好意思上週太忙了現在才回復您們 > <然後這幾天有嘗試參考兩位的方法:使用dragonH的實作結果，發現超過的字串會換行呈現，而不是直接隱蔽;使用froce的實做結果，發現他的百分比寬度會不作用。目前看了很多屬性方法確實也是這樣實作，但我實作的結果看起來沒有讓這個方法有作用，請問我還可以怎麼調整呢?
anniecat
我的 code 沒問題唷
先從我們給你的 code 改起吧
因為我看到你連最重要的 table-layout: fixed 都沒加
table-layout: fixed
dragonH ，很謝謝你的幫忙，不過因為我發現使用屬性table-layout: fixed會使百分比失效，因此，才先將此屬行移除，但加上去之後，仍會有百分比失效的問題，不清楚是否為瀏覽器問題...我再嘗試看看有沒有其他方法!此圖是我使用chrome瀏覽器觀看的樣子，看起來被均分為一半了 :
但是我確定這部分的屬性是對的，看起來應該是瀏覽器的問題，謝謝幫忙!
可是我也是 chrome 餒 XD
或許有特殊的需求
可以考慮用 div 來呈現
div
好的~謝謝你的幫忙~有嘗試div的版本確定可以實作!
補上後來實做成功的結果
IT邦幫忙
iThome鐵人賽
看影片追技術