码迷,mamicode.com
首页 > Web开发 > 详细

HTML中列表中元素居中问题

时间:2014-12-04 11:53:16      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   os   使用   sp   

想让列表<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‘,显示效果如下:

  bubuko.com,布布扣

HTML中列表中元素居中问题

标签:style   blog   http   io   ar   color   os   使用   sp   

原文地址:http://www.cnblogs.com/yxl10/p/4142204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!