首页 > 代码库 > HTML中列表中元素居中问题

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>yxl@gmail.com</td>        <td>13408675480</td>        <td>postGraduage</td>    </tr></table></div></body></html>

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

  

HTML中列表中元素居中问题