您的位置：首页 > Web前端 > HTML

HTML中列表中元素居中问题

2014-12-04 10:29 134 查看
想让列表<table>中某一行元素居中的话，单纯使用<align = 'center'>是达不到效果的，需要先将该行进行合并，使用colspan属性。

<html>
<head>
<title>LookLeaguer</title>
<meta content = 'text/html'; charset = 'utf-8'>
</head>
<body bgcolor = 'grey'>
<div align = 'center'>
<table>
<tr>
<td colspan = '5' align = 'center'>Infomation of Leaguer</td>
</tr>
<tr>
<td>leaguerName</td>
<td>leaguerSex</td>
<td>leaguerEmail</td>
<td>leaguerTel</td>
<td>leaguerDegree</td>
</tr>
<tr>
<td>yuxingle</td>
<td>male</td>
<td>yxl@gmail.com</td>
<td>13408675480</td>
<td>postGraduage</td>
</tr>
</table>
</div>
</body>
</html>


比如此例中我的表格列数是5，所以colspan = '5'，显示效果如下：

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