怎么只用样式控制内容长度

rt

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
        <style type="text/css">
      .table{table-layout:fixed}
      .table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
     </style>
     </head> <body>
     <table width="200" border="1" class="table">
      <tr>
       <td>AAAAAAaaaaaaaaaaaaaaaaaaaaAAAAAAAAA</td>
       <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
       <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
      </tr>
     </table>
     </body>
    </html>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
        <style type="text/css">
      .table{table-layout:fixed}
      .table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
     </style>
     </head> <body>
     <table width="200" border="1" class="table">
      <tr>
       <td>AAAAAAaaaaaaaaaaaaaaaaaaaaAAAAAAAAA</td>
       <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
       <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
      </tr>
     </table>
     </body>
    </html>