如何让table在body下垂直居中

最新推荐文章于 2022-04-18 01:51:19 发布
最新推荐文章于 2022-04-18 01:51:19 发布
阅读量1.2k 收藏
点赞数
分类专栏： html 文章标签： html web

经测试多浏览器下实用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>test</title>
 <meta http-equiv=Content-Type content="text/html; charset=utf-8">
 <meta content="MSHTML 6.00.6000.16825" name=GENERATOR>
</head>
<body>
    <table height="100%" width="100%" border="0">
        <tbody>
            <tr>
                <td align="center" valign="middle">
                    <table cellspacing="0" cellpadding="0" width="270" align="center" border="0">
                        <tbody>
                            <tr>
                                <td>
                                    213
                                </td>
                                <td>
                                    12
                                </td>
                                <td>
                                    12
                                </td>
                            </tr>
                            <tr>
                                <td>123
                                </td>
                                <td>
                                    321
                                </td>
                                <td>
                                    12
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

 

最关键的应该是：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

ittraining
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
table-cell垂直居中外边距失效
nidayeya的博客
05-28 1523
css display:table-cell; vertical-align:middle;垂直居中 外边距失效 第一次写刚接触前端的小白 做练习时用到了此垂直居中方式，当给元素加外边距时出现问题： html: <body> <div class="test"> <p>此处内容为医生团队简述。北京科尔口腔门诊部共有专业牙科医生 0000名.........
css实现文字图片垂直居中效果
09-25
在CSS中，实现文字与图片的垂直居中效果是一种常见的页面布局需求，尤其是在创建网页内容时，通常需要对元素进行精确的定位。在提供的示例代码中，展现了多种方法来实现垂直居中，下面将详细解释这些技术的细节。 ...
让table在body下水平、垂直居中
weixin_30734435的博客
08-04 234
<table width="100%" border="0" style="height: 100%"> <tr> <td align="center" valign="middle"> <table id="__01" width="994" height="572" border="0" cellpadding="0" cellsp...
（4种）实现垂直居中的方法总结
周周池的博客
04-18 3689
如果父元素的height不写，只需要设置父元素padding:10px 0;就可以将子元素垂直居中； 如果父元素的height写死了，就比较难垂直居中，以下是垂直居中的几种方法。 使用table自带的功能实现垂直居中。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> &l
HTML·设置body中内容居中
滴_的专栏
09-15 4万+
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> 扫描结果
解决table td中的checkbox无法上下居中的问题
09-25
例如，在Firefox中，你可能需要额外的样式配置来确保复选框垂直居中。在IE6这样的旧版浏览器中，可能需要使用`!important`来覆盖浏览器的默认样式。 4. 最后，代码中还提到`*.format：适用于ff的配置!important; ...
表单元素和文字垂直居中对齐问题解决整理
12-13
为了解决这些问题，一种常见的建议是使用表格（`<table>`）来布局表单，因为表格元素天然支持单元格内的内容垂直居中。然而，这种方法虽然有效，但可能不被所有开发者推崇，因为它可能导致代码结构复杂且不利于响应...
用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
09-25
在标题和描述中提到的方法，就是通过设置CSS的`vertical-align`属性来实现这些元素的垂直居中。 `vertical-align`属性是CSS中用于控制内联元素（inline-level elements）或表格单元格（table-cell elements）中内容...
CSS样式表进行table水平居中、垂直居中、自动填充
qq_39061832的博客
07-24 3万+
最近，在用CSS+DIV做一个静态网页，做完了才发现所有的页面在不同的机器上显示很是有问题，没有进行水平居中和垂直居中，并且宽屏下，两边留白太难看。可是要是修改所有的html页面，可是有700多个~~，还好当时做html页面时设计的样式表还不错，让我感觉到了样式表的方便和强大。 注：还得同时考虑Linux Firefox下的显示情况，因为我们是做Linux的公司啊，出去演示肯定用自己的lLi
全面掌握主流CSS布局（水平居中+垂直居中+居中布局）
NolanKy 的 技术博客
10-22 1018
一，水平居中布局 1、行内元素水平居中 父级元素设置text-align: center ——>实现在块级元素内部的行内元素（inline/inline-block/inline-flex/inline-table）水平居中 <div class="parent"> <div class="child">dome</div> </div> <style> .parent{ text-align: center
html中表格table的内容水平和垂直居中显示
热门推荐
xujing19920814的博客
03-27 13万+
html中表格table的内容居中显示 在CSS样式文件中指定#class td /*设置表格文字左右和上下居中对齐*/ { vertical-align: middle; text-align: center; } /*class 是所属的类*/ <div id="class" align="center" style= "margin: 0cm 0cm 0pt; te
元素垂直水平居中的10中方法,建议收藏
多晴丶
09-09 607
**第一种：**通过绝对定位的方式 absolute + 负margin ​ 首先知道子元素的宽高，给子元素设置top：50%；left：50%， 但绝对定位是基于子元素的左上角，我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值，负的外边距可以让元素向相反方向定位， ​ 通过指定子元素的外边距为子元素宽度一半的负值，就可以让子元素居中了 /*css*/ .wp { border: 1px solid red; width: 300
table让元素垂直居中的布局小技巧
web_hua的博客
10-09 8163
通过给父元素设置display：table,然后给子元素设置display:table-cell,vertical-align:middle可以实现子元素的内容水平垂直居中，下面代码实例： html> lang="en"> charset="UTF-8"> Title type="text/css" rel="stylesheet"> .table
让整个table居于页面正中间（上下，左右都居中）
guocong0603的专栏
03-13 1万+
style= "position:absolute;z-index:1;left:expression((document.body.clientWidth-this.offsetWidth)/2);top:expression((document.body.clientHeight-this.offsetHeight)/2) ">       
CSS实战：单行图片文字垂直居中解决方案
"该资源主要探讨了如何解决单行图片文字垂直居中的问题，并通过实战案例分享了两种方法，一种是使用表格（table），另一种是使用DIV。在表格方法中，详细展示了CSS样式如何设置以实现居中效果，包括对body、table、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值