CSS 实用的表格约束功能实例

答案：<!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>表格约束</title>
<style> 
.td1
{
  background:#999999;
}
.td2
{
  background:#666666;
} 
.div1
{
  float:left;
  width:50%;
  background:#999999;
}
.div2
{
  float:left;
  width:50%;
  background:#666666;
}
.div0
{
  width:500px;
  border:2px solid #000000;
} 
table
{
  width:500px;
  border:2px solid #000000;
  margin:0 0 20px 0;
}  
td
{
  border:1px solid #999999;
}  
</style>
</head> 
<body>
  <table>
    <tr>
      <td class="td1">表格中的内容部分</td>
      <td class="td2">表格中的内容部分<br />这是添加的部分<br />这是添加的部分<br />这是添加的部分</td></tr>
  </table>
  <div class="div0">
      <div class="div1">表格中的内容部分</div>
      <div class="div2">表格中的内容部分<br />这是添加的部分<br />这是添加的部分<br />这是添加的部分</div>
  </div>
</body>
</html>

上一个：动态插入、添加删除表格行的JS代码
下一个：比较高级的JavaScript表格高亮类的应用

更多图片编程知识: