css之使table也能overflow:hidden


答案：<!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需刷新才能执行]

上一个：有衬线字体与无衬线字体比较
下一个：javascript 获取特定的 CSS属性值

更多图片编程知识: