HTML中列表中元素居中问题

想让列表<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>[email protected]</td>
        <td>13408675480</td>
        <td>postGraduage</td>
    </tr>
</table>
</div>
</body>
</html>

比如此例中我的表格列数是5,所以colspan = ‘5‘,显示效果如下:

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。