css之使table也能overflow:hidden

时间:2014-06-12 16:00来源:网络整理作者:网络点击: 次

分享到：

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> <a href="/newsHtm/22/n_41422.shtml">css</a> <a href="/newsHtm/67/n_40167.shtml">table</a> 超出隐藏 </title> 
  <meta name="generator" content="editplus" charset="utf-8" /> 
  <meta name="author" content="" /> 
  <meta name="keywords" content="" /> 
  <meta name="description" content="" /> 
  <style type="text/<a href="/newsHtm/22/n_41422.shtml">css</a>"> 
  <a href="/newsHtm/67/n_40167.shtml">table</a> 
  { 
  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需刷新才能执行]

上一篇：html滚动条样式
下一篇：css+table 1px边框单元格

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

BS项目中的

css实现气泡

精彩文章

热点文章

css之使table也能overflow:hidden

热门标签

赞助商链接