怎麼讓表格為固定大小，超出的部分顯示為省略號_經驗交流

<title> New Document </title> <style> .ctl{ table-layout:fixed } .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> <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>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

如果是在

或

裡面又怎麼做呢？

<title> New Document </title> <style> .ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> <div class="ctl" style="width:234;height:99;background:cyan;">標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻</div> <ul class="ctl" style="width:234;"> <li>標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻</li> <li>標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻標題擴大副教授的士大夫看見似的看來法艱苦但是第十六棵飛機立刻</li> </ul>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

text-overflow:ellipsis;