怎麼讓表格為固定大小,超出的部分顯示為省略符號_經驗交流
來源:互聯網
上載者:User
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </tITLE> <style> .ctl{ table-layout:fixed } .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> </hEAD> <BODY> <table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1> <colgroup> <col> <col width="60"> </colgroup> <tBody> <tr> <td>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</td> <td>(1/1)</td> </tr> <tr> <td>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</td> <td>(1/1)</td> </tr> <tr> <td>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</td> <td>(1/1)</td> </tr> <tr> <td>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</td> <td>(1/1)</td> </tr> </tBody> </table> </bODY> </hTML>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
如果是在或者
裡面又怎麼做呢?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </tITLE> <style> .ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> </hEAD> <BODY> 標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻 <ul class="ctl" style="width:234;"><li>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</li><li>標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授計程車大夫看見似的看來法艱苦但是第十六棵飛機立刻</li></ul> </bODY>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
text-overflow:ellipsis;