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

2023年1月2日 110次阅读 来源: 你好_国庆

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

<%@ 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>

效果图如下所示：

《Table合并单元格，表格居中，内容居中显示》

    原文作者：你好_国庆
    原文地址: https://blog.csdn.net/qq_36721205/article/details/59486310
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞