How to make the table a fixed size and display the excess parts as ellipses_Experience exchange

<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 Select all Note: If you need to introduce external Js, you need to refresh to execute ]

If it is How to do it in

or

?

<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;">The title is expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately there. The title was expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately </div> <ul class="ctl" style="width:234;"> <li>The title is expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane immediately appeared. The title was expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately </li> <li> The title is expanded. The scholar-officials of the associate professor see it. It seems that it is difficult, but the sixteenth plane is immediately. The title is expanded. The scholar-officials of the associate professor are seen. It is difficult, but the sixteenth plane is immediately </li> </ul>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

text-overflow:ellipsis;