css之使table也能overflow:hidden

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> css table 超出隐藏 </title> <meta name="generator" content="editplus" charset="utf-8"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <style type="text/css"> table { width:*; table-layout : fixed ; } td { white-space:nowrap; overflow:hidden; } </style> <table style="width:200px;border:solid 1px #000;"><tr><td>固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关</td></tr></table>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]