问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

HTML中如何将表格居中排列

发布网友 发布时间:2022-03-30 19:24

我来回答

5个回答

热心网友 时间:2022-03-30 20:53

  这位网友你好,你可以将两个表格分别设置为左浮动,然后用一个大的div将两个表格包起来,设置大div左右margin为auto即可。
  如果不会请贴代码。

热心网友 时间:2022-03-30 22:11

刚写的,能达到你的要求。代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格居中</title>
</head>

<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50%">
    <table width="100%%" border="1" cellspacing="1" cellpadding="1">
      <tr>
        <td colspan="3" align="center">第一个表格</td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td width="50%">
    <table width="100%%" border="1" cellspacing="1" cellpadding="1">
      <tr>
        <td colspan="3" align="center">第二个表格</td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

热心网友 时间:2022-03-30 23:46

在表格标签前面加上<center>,表格标签后面加上</center>就可以了。

热心网友 时间:2022-03-31 01:37

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
.content{
border:1px solid black;
width:500px;
margin:auto;
}

table {
border:1px solid black;
border-collapse:collapse;
position: relative;
height: 100px;
}

td {
border:1px solid black;
}

.t1 {
width: 200px;
}

.t2 {
width: 300px;
margin: -100px 0px 0px 200px;
}
</style>
  </head>
<body>
    <div class='content'>
<table class="t1">
<tr>
<td>
11
</td>
</tr>
</table>
<table class="t2">
<tr>
<td>
22
</td>
</tr>
</table>
  </div>
  </body>
</html>

热心网友 时间:2022-03-31 03:45

<style type="text/css">
#biaoge{
margin:6px;
padding:2px;
text-align:center;
}

#biaoge table{
margin:0px auto;
}

</style>
<div id="biaoge">
<table>
<tr><td>单元格1</td><td>单元格2</td></tr>
<tr><td>单元格3</td><td>单元格4</td></tr>
<tr><td>单元格5</td><td>单元格6</td></tr>
<tr><td>单元格7</td><td>单元格8</td></tr>
</table>
</div>
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
貔貅请多少只 生活的滋味 写写你的生活实际 这个短文收到什么启发 阳光城并州府施工进度 狙击手幽灵战士契约2伪装所在地点位置分享介绍_狙击手幽灵战士契约2伪 ... 狙击手幽灵战士契约2弹药怎么搜集_狙击手幽灵战士契约2弹药怎么获得 《狙击手幽灵战士2》攻略图文详解(精准射击) 生产经营能力主要形式 每到节假日新华书店坐满了看书的人把坐满了看书的人写具体 三星4300提示墨粉用尽 丽江介绍 丽江怎么读? 抖音抖币只能充值得到吗 丽江古城属于哪个省? 抖音可以叫别人帮忙充钱吗? 丽江有什么 丽江古城具有多少年历史? 丽江景点排行榜是怎样的? 丽江在哪里 丽江哪些地方值得去? 丽江哪些景点 丽江中文简介 丽江属于中国哪个省市? 丽江是一座怎样的城市? 丽江属于哪个城市 windows10免费的吗?从msdn我告诉你上下载,所有版... 微软官网有免费的win10家庭版下载吗 如何免费获取安装最新windows10正版系统 微软官网win10专业版现在还能够免费下载安装吗? Win10有什么免费的下载方式吗? 永久激活的那种 能不能将微信已经发出去的消息删除,让别人也看不到 微信信息未发出去可以删除吗? 能不能将微信已经发出去的消息删除,让别人也看不到? 窗帘打孔怎么打呢? 窗帘盒已经做好,怎么打窗帘杆孔? 窗帘的墙孔怎么打 家里安窗帘膨胀螺丝怎么打 怎么用打孔器给窗帘打孔 qq怎么把最近常听音乐显示出来 qq里面有个最近常听的音乐 怎样才能把常听的歌显示... qq怎么展示最近常听的音乐 如何打开qq最近常听音乐 QQ里不显示最近常听,怎么回事? QQ怎样设置最近常听 快手绑着手机号,现在不想绑了能取消吗? 怎么能显示我的音乐在扣扣最近常听显示出来呢 快手手机绑定咋样才能取消 手机qq如何设置我最近常听音乐 手机版qq里怎么把最近常听的歌不显示??? 如何在QQ显示正在听的歌曲
  • 焦点

最新推荐

猜你喜欢

热门推荐