Table合并单元格,表格居中,内容居中显示

例如:新建一张四行四列的表格,第一行的四列合并,第二、三、四行的第一列合并在一起居中显示

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>table合并单元格</title>
</head>
<body>
<table align="center" width=500px border="1" cellspacing="0" cellpadding="0" height=100px>  
  <tr align="center">  
    <td colspan="4">横跨四列居中 </td>  
  </tr>  
  <tr align="center"> 
    <td rowspan="3" > 竖跨三行居中</td>  
    <td> xx居中</td>  
    <td> xx居中</td>  
    <td> xx居中</td>  
  </tr>  
  <tr align="center">  
    <td>yy居中 </td>  
    <td>yy居中</td>  
    <td>yy居中 </td>  
  </tr>  
  <tr align="center">  
    <td> zz居中</td>  
    <td> zz居中</td>  
    <td> zz居中</td>  
  </tr>  
</table>  
</body>
</html>
效果图如下所示:




相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页