<HTML>在一个表格内嵌套另一个表格时，如何居中？

在一个表格内嵌套另一个表格时，如何居中？

假设大表格为：

<table id="tableRow">

  <tr>

    <th>City</th>

    <th>Date</th>

    <th>Temperature</th>

    <th>Altitude</th>

    <th>Population</th>

    <th>Diner Rating</th>

  </tr>

  <tr>

    <td>Walla Walla, WA</td>

    <td class="center">June 15th</td>

    <td class="center">75</td>

    <td>1,204 ft</td>

    <td>29,686</td>

    <td class="center">4/5</td>

  </tr>

  <tr class="cellcolor">

    <td>Magic City, ID</td>

    <td class="center">June 25th</td>

    <td class="center">74</td>

    <td class="">5,312 ft</td>

    <td>50</td>

    <td class="center">3/5</td>

  </tr>

  <tr>

    <td>Bountiful, UT</td>

    <td class="center"> July 10th</td>

    <td class="center">91</td>

    <td>4,226 ft</td>

    <td>41,173</td>

    <td class="center">4/5</td>

  </tr>

  <tr class="cellcolor">

    <td>Last Chance, CO</td>

    <td class="center">July 23rd</td>

    <td class="center">102</td>

    <td>4,780 ft</td>

    <td>265</td>

    <td class="center">3/5</td>

  </tr>

  <tr>

    <td rowspan="2">Truth or Consequences, NM</td>

    <td class="center">August 9th</td>

    <td class="center">93</td>

    <td rowspan="2">4,242 ft</td>

    <td rowspan="2">7,289</td>

    <td class="center">5/5</td>

  </tr>

  <tr>

    <td class="center">August 27th</td>

    <td class="center">98</td>

    <td class="center">

      <table>

        <tr>

          <th>Tess</th>

          <td>5/5</td>

        </tr>

        <tr>

          <th>Tony</th>

          <td>4/5</td>

        </tr>

      </table>

    </td>

  </tr>

  <tr class="cellcolor">

    <td>Why, AZ</td>

    <td class="center">August 18th</td>

    <td class="center">104</td>

    <td>860 ft</td>

    <td>480</td>

    <td class="center">3/5</td>

  </tr>

</table>

小表格为：

      <table>

        <tr>

          <th>Tess</th>

          <td>5/5</td>

        </tr>

        <tr>

          <th>Tony</th>

          <td>4/5</td>

        </tr>

      </table>

使其居中的CSS为：

table table

{

  margin-left:      20px;

  margin-right:     20px;

}

效果：

综上，在一个表格内嵌套另一个表格时，居中的一种方法为设置小表格的外边距。

<HTML>在一个表格内嵌套另一个表格时，如何居中？的更多相关文章

[Swift通天遁地]二、表格表单-(3)在表格中嵌套另一个表格并使Cell的高度自适应
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
在C#中使用Panel控件实现在一个窗体中嵌套另一个窗体
在C#中使用Panel控件实现在一个窗体中嵌套另一个窗体在C#中使用Panel控件实现在一个窗体中嵌套另一个窗体ShowAllPage sAllPage = new ShowAllPage(); ...
利用jquery的$.Deferred方法在一个函数内获取另一个函数的返回值
使用场景:方法B需要方法A执行完成之后再执行,比如方法B中有用到方法A的变量:(需要引入jQuery1.5以后的版本) function A(){ var deffered = new $.Defer ...
For循环输出一个表格
 <?php header("Content-type:text/html; ...
Python将多个excel表格合并为一个表格
Python将多个excel表格合并为一个表格生活中经常会碰到多个excel表格汇总成一个表格的情况,比如你发放了一份表格让班级所有同学填写,而你负责将大家的结果合并成一个.诸如此类的问题有很多.除 ...
HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 03
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列 ...
HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 02
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我想使用表格,做一个这样的颜色表,如下图所示: 例 3:我们参照上图,基于上一个例子, ...
python爬虫（正则取数据）读取表格内的基金代码后爬取基金最新净值，同时写到对应的表格中，基于最近一次购买净值计算出涨跌幅（名字有点长）
最近基金跌的真够猛,虽说是定投,但大幅度下跌,有时候适当的增加定投数也是降低平均成本的一种方式每天去看去算太费时间,写了个爬虫,让他自动抓数据后自动计算出来吧实现逻辑: 1.创建了一个excel表 ...
表格table嵌套，边框合并问题
[问题] 外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题. [解决办法]: 外表格样式: <tabl ...

随机推荐

Hexo NexT主题内加入动态背景
主题内新添加内容 _layout.swig 找到themes\next\layout\_layout.swig文件,添加内容:在<body>里添加: 1 2 3 <div class ...
Django框架起步
一.环境安装二.创建项目三.项目目录四.创建项目应用五.应用目录六.第一个响应七.第一个模板页面八.第一个重定向九.url应用移植十.多应用相同模板页面冲突十一.静态资源的配置十 ...
web开发：javascript基础
一.js引入二.变量的定义三.三种弹出框四.调试方式五.数据类型六.数据类型转换七.运算符八.分支机构九.循环结构十.异常处理十一.函数一.js引入 - ES: ECMAScri ...
python基础：数据类型二
一.元组类型二.字典类型三.集合一.元组类型 # 什么是元组: 元组就是一个不可变的列表 # ======================================基本使用======== ...
MySQL中添加、删除约束
MySQL中6种常见的约束:主键约束(primary key).外键约束(foreign key).非空约束(not null).唯一性约束(unique).默认值约束(defualt).自增约束(a ...
PostScript
https://baike.baidu.com/item/PostScript/2192822?fr=aladdin PostScript是一种编程语言,最适用于列印图像和文字(无论是在纸.胶片或非物 ...
HashMap源码分析四
HashMap源码在jdk1.8中,改动挺大,里面内容已经变的非常复杂了,后面另起博客分析.jdk1.8以前,HashMap一直是数组加链表的数据结构,在数组的某个下标位置,有多次碰撞,则使用 ...
vue store获取值时 Computed property "activeTag" was assigned to but it has no setter.
出现原因: element-ui中 el-tab绑定的值在切换tab时会自动修改而activeTag是从store中获取的值,不能直接修改要添加给它绑定上set <el-tabs cla ...
洛谷P4001 [BJOI2006]狼抓兔子（平面图转对偶图）
传送门明明只要最小割加点优化就能过的东西…… 然而我偏偏要去学平面图转对偶图结果发现课件关键地方看不清->这里而且建图累的半死…… 说实话只要最大流建图的时候反向边直接设为当前边容量再加个当 ...
okclient2详细介绍
在 Java 程序中经常需要用到 HTTP 客户端来发送 HTTP 请求并对所得到的响应进行处理.比如屏幕抓取(screen scraping)程序通过 HTTP 客户端来访问网站并解析所得到的 HT ...

<HTML>在一个表格内嵌套另一个表格时，如何居中？

<HTML>在一个表格内嵌套另一个表格时，如何居中？的更多相关文章

随机推荐

热门专题