• 所有问题

    • 如何让html中的表格左右居中显示

    如题所述

    举报该问题
    推荐答案   2017-03-06
    html中让表格在浏览器中左右居中，可以设置表格的align属性
    align有三个属性：
    1、居中：center；
    2、靠左：left；
    3、靠右：right。

    html中是没办法实现上下居中的，如果设置上下居中，需要通过js程序来设置。

    左右居中代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//<a href="https://www.baidu.com/s?wd=DTD&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">DTD</a> XHTML 1.0 <a href="https://www.baidu.com/s?wd=Tr&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">Tr</a>ansitional//EN" "http://www.w3.org/<a href="https://www.baidu.com/s?wd=TR&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">TR</a>/xhtml1/<a href="https://www.baidu.com/s?wd=DTD&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">DTD</a>/xhtml1-<a href="https://www.baidu.com/s?wd=tr&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">tr</a>ansitional.<a href="https://www.baidu.com/s?wd=dtd&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9mWwWuWR4rHbzmyDYnjbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1R4PH0LnjTv" target="_blank" class="baidu-highlight">dtd</a>">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <table width="400" height="400" border="1" align="center">
    <tr align="center" valign="middle">
    <td>居中</td>
    <td>居中</td>
    <td>居中</td>
    </tr>
    <tr align="center" valign="middle">
    <td>居中</td>
    <td>居中</td>
    <td>居中</td>
    </tr>
    </table>
    </body>
    </html>
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2017-03-06
    设置 table margin:0px auto;
    相似回答
    在html中如何将单元格中的文字设置为居右或者居左显示?答：在td标签里添加align=left居左,align=right 居右，不过默认是居左的；
    html表格居中代码答：1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50...
    大家正在搜
    html怎么让表格里的文字居中html表格如何居中html表格标题如何居中html怎样让表格居中html让表格居中如何让表格居中html如何让文字居中怎样让表格中的数据居中设计网站如何让表格居中
    相关问题
    html中如何让表格在浏览器中上下左右居中？
    html表格居中代码
    请问html里面如何让表格居中
    html中怎么样将表格居中显示
    css怎样让div里的表格居中对齐
    用html做网页的时候怎么让表格的每行中的字都居中
    HTML中如何将表格居中排列
    怎么样把table表格使用css样式居中显示