使table也能overflow:hidden

« Visual Studio 2008 Service Pack 1 Release

2008-08

使table也能overflow:hidden

分类:Web标准,关键词:No Data

已有 1,556 位领导视察,其中有 6 位领导做了批示.

关闭google ads

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> new document </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>

运行代码

6 Responses

收起评论

updayday 八月 13 2008 , 09:55, #1

不错，学习了。
星辉一冷八月 13 2008 , 13:08, #2

又见 css hack ...
benben 八月 14 2008 , 11:00, #3

我把CommentView控件重写了，终于没有可恶的PostBack Javascript 代码了。
overred 八月 14 2008 , 20:49, #4
Apple 八月 21 2008 , 16:51, #5

懒娃子，多久没更新了~~
koowo 九月 5 2008 , 22:22, #6

呵呵，第一次看到这样的