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

來源:互聯網
上載者: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;
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.