css字符截断,div及table的方法

<style type="text/css">
 table { border:solid 1px #000000; table-layout:fixed;}
 td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 div { border:solid 1px #000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
</style>
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关固定布局的算法。</td>
  </tr>
</table>
<br>
<div style="width:200px;">
 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关固定布局的算法。
</div>

你可能感兴趣的:(算法,css)