如何让table在body下垂直居中

最新推荐文章于 2021-07-15 15:38:59 发布
最新推荐文章于 2021-07-15 15:38:59 发布
阅读量2.1k 收藏
点赞数
分类专栏： Css C C++
Css 同时被 2 个专栏收录
9 篇文章 0 订阅
订阅专栏
C C++
3 篇文章 0 订阅
订阅专栏

转自：http://blog.sina.com.cn/s/blog_418d7b1e0100d0uh.html


经测试多浏览器下实用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Table居中</title>
 <meta http-equiv=Content-Type content="text/html; charset=gbk">
 </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>
                                    为什么不让我居中啊...
                                </td>                               
                            </tr>                            
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>


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


liuyuhua0066
关注
专栏目录
解决table td中的checkbox无法上下居中的问题
09-25
例如，在Firefox中，你可能需要额外的样式配置来确保复选框垂直居中。在IE6这样的旧版浏览器中，可能需要使用`!important`来覆盖浏览器的默认样式。 4. 最后，代码中还提到`*.format：适用于ff的配置!important; ...
让table在body下水平、垂直居中
weixin_30734435的博客
08-04 236
<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...
HTML让表格（table）居中与让表中内容居中
qq_50745337的博客
07-15 1万+
HTML让表格（table）居中与让表中内容居中 1、在HTML中让表格在浏览器中左右居中，可以设置表格的align属性 align可以设置三个属性: 居中为center，靠左为left，靠右为right 我们只要在table中加入align="center"即可让表格居于网页左右方向的中间位置 如下： <table align="center" border="1" id="t1" style="width:600px;height:200px"> <tbody align="cen
HTML·设置body中内容居中
热门推荐
滴_的专栏
09-15 4万+
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> 扫描结果
css实现文字图片垂直居中效果
09-25
在CSS中，实现文字与图片的垂直居中效果是一种常见的页面布局需求，尤其是在创建网页内容时，通常需要对元素进行精确的定位。在提供的示例代码中，展现了多种方法来实现垂直居中，下面将详细解释这些技术的细节。 ...
单行图片文字垂直居中问题——实战
12-08
body{ font-size:12px; font-family:"宋体"; } table{ border:1px solid #E6EFF8; margin-bottom:2px; } td{ height:23px; line-height:23px; padding:0 3px; } .name{ fo
CSS 解决未知高度垂直居中实现代码
12-08
) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。 非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。 CSS 复制...
CSS图片垂直居中实现方法详解
09-25
在开始之前，我们首先了解下CSS中垂直居中的基本原理。CSS的垂直居中可以通过调整`vertical-align`属性来实现。该属性主要用于行内元素或表格单元格元素中，来控制它们相对于行或表格单元格的垂直对齐方式。常见的...
全面掌握主流CSS布局（水平居中+垂直居中+居中布局）
NolanKy 的 技术博客
10-22 1028
一，水平居中布局 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
CSS样式表进行table水平居中、垂直居中、自动填充
qq_39061832的博客
07-24 3万+
最近，在用CSS+DIV做一个静态网页，做完了才发现所有的页面在不同的机器上显示很是有问题，没有进行水平居中和垂直居中，并且宽屏下，两边留白太难看。可是要是修改所有的html页面，可是有700多个~~，还好当时做html页面时设计的样式表还不错，让我感觉到了样式表的方便和强大。 注：还得同时考虑Linux Firefox下的显示情况，因为我们是做Linux的公司啊，出去演示肯定用自己的lLi
让整个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) ">       
表格水平和垂直居中
学习达人的日记本
09-27 895
水平居中：text-align:center 垂直居中：vertical-align: middle; 行高：line-hight : 30px;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值