您的位置：首页 > 其它

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

2017-03-02 11:40 162 查看
例如：新建一张四行四列的表格，第一行的四列合并，第二、三、四行的第一列合并在一起居中显示

<%@ 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>效果图如下所示：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航