首页 > 网络编程 > CSS/HTML > 经验交流 > css table css之使table也能overflow:hidden 2008-08-12 22:30:29 作者： overflow用在div上时很好用，但直接用在td上，好像没有任何效果。 td中的文本过长时依然自动换了一行 像下面这要设定一下就行了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <table style="width:200px;border:solid 1px #000;"> <tr><td>固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关</td></tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:css列表标签list与表格标签table详解jQuery+CSS实现的table表格行列转置功能示例JS实现的样式切换功能tableCSS实例jquery css 设置table的奇偶行背景色示例JavaScript和CSS通过expression实现Table居中显示拖动table标题实现改变td的大小(css+js代码)CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）推荐一个好看Table表格的css样式代码详解
