html中如何让表格在浏览器中上下左右居中?

如题所述

左右居中:margin:0 auto; 

上下居中:设置父级div高度(假设为300px);设置table的高度(假设为100px)。

text-align:center主要针对的是文字,比如>、之类的, 如果只是图片的话就要设置margin了, 另外,可能是我理解错你的意思了,你的text-align:center是想作用到table吗,这是不行的,margin才可以。

扩展资料:

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

    简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

    可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

    平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

    通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

参考资料:百度百科:HTML

菜鸟教程:HTML教程

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-06-10

左右居中:margin:0 auto; 

上下居中:

1.设置父级div高度(假设为300px);

2.设置table的高度(假设为100px); 

3.设置margin-top为:300px/2 - 100px/2 testbody {width: 300px;height: 300px;border: 1px solid red;text-align: center;}tabl...

代码如下: 表格剧中 表格剧中 表格剧中 说明: align="center"

text-align:center主要针对的是文字,比如>、之类的, 如果只是图片的话就要设置margin了, 另外,可能是我理解错你的意思了,你的text-align:center是想作用到table吗,这是不行的,margin才可以。

拓展资料:

创建一个div 内容 写如下语句 #center { margin:0 auto; } 还可以再其中定义其高,宽,背景等!

1、首先我们打开自己的电脑,找到已经安装好的Dreamweaver,新建一个html页面,并保存到桌面上。

2、然后我们在html的编辑窗口,编辑元素,使其中显示若干文字,我是用的div标签进行布局显示的。 

3、其在浏览器中的显示效果如下图所示,我们可以...

html中使一个table或者div永远处于中间位置,首先需要理解块元素的概念,如div、table都是width和height属性,然后在通过css中的一个margin属性,来实现居中,具体用法看下图: 不管浏览器的宽度是多少,这个属性就会将div居中,具体看下代码: #...

不能,滚动条例如IE是不完美支持的,所以不要想能去让其居中。。实测代码不支持,反馈的是一个数字(我这里是1375,就是1680-控制台(开发者选项)的宽度) document.body.scrollLeft=document.body.offsetWidth/2;

align的center属性不是让表格居中,而是使表格的单元格内容居中。它不是table的属性,而是td或th的属性。 另外,想使表格居中,我们使用的是margin属性,一般这样定义margin:auto;或者margin: 10px auto; margin是css属性,所以书写的格式是这样...

html代码: 自适应浏览器水平垂直居中 css代码: .div1{ width: auto; height: 600px; background: #cccccc; position: relative; } .div2{ position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -200px; width: 1200px;...

本回答被网友采纳
第2个回答  2018-09-10

方法如下:

1、左右居中:margin:0 auto

2、上下居中:

(1)设置父级div高度(假设为300px)

(2)设置table的高度(假设为100px)

(3)设置margin-top为:300px/2 - 100px/2

扩展资料

HTML:

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其吗    中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

    超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。

    网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

    浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

    但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

    (资料来源:百度百科:html

本回答被网友采纳
第3个回答  2015-04-23

html中让表格在浏览器中左右居中,可以设置表格的align属性

align有三个属性:

        1、居中:center;

        2、靠左:left;

        3、靠右:right。


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


左右居中代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>


效果如下图:

第4个回答  2011-12-28
左右居中:先设置表格宽度,然后设置表格的margin:0 auto;
上下居中:CSS实现不了,要用JS,先获取浏览器区域的高度Hb,再获取表格高度Ht,然后把表格的margin-top设置成(Hb-Ht)/2本回答被提问者和网友采纳