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>
效果图如下所示:




分享给朋友:
您可能感兴趣的文章:
随机阅读: