overflow:hidden 用在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> 使table也能overflow:hidden - 中国asp之家</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> [提示:你可先修改部分代码,再按运行]