让一个表格在整个页面中上下左右都居中

news/2024/11/28 11:56:44/

一、先在在页面最外层加一个表格(一行一列),将其高度设置为100%,宽度设置为100%或者是合适的象素值,并将表格设为居中对齐(水平方向上的)。
二、在刚才的表格中再添加一个表格(就是你想要在水平和垂直方向上都居中的那个表格),将表格设置为居中对齐(水平方向上的),垂直对齐方向不用设置(因为默认的垂直居中方式就是居中)。
   代码如下:
   <!-- Test.htm -->
   <html>
   <head>
   <title>表格水平和垂直方向都居中示例。</</title>
   <meta http-equiv=content-type content="text/html; charset=gb2312" >
   </head>
   <body>
   <!-- 外部表格开始 -->
   <table width="760" height="100%" align="center">
   <tr>
   <td>
   <div align="center">
   <!-- 内部表格开始 -->
   <table width="200" height="300">
   <tr>
   <td></td>
   </tr>
   </table>
   <!-- 内部部表格结束 -->
   </div>
   </td>
   </tr>
   </table>
   <!-- 外部表格结束 -->
   </body>
   </html>


http://www.ppmy.cn/news/769771.html

相关文章

WPS(word)中批量设置表格根据窗口居中对齐

Attribute VB_Name "CreateNewMacros" Sub www()Dim oDoc As DocumentDim oTable As TableSet oDoc Documents.Open("C:\Users\测试用例\1.doc") 文档路径For Each oTable In oDoc.TablesoTable.AutoFitBehavior (wdAutoFitWindow) 根据窗口调整内容Next…

wps居中对齐不在中间_wps有时候居中对齐不是在中间

wps有时候居中对齐不是在中间 wps文字设置居中对齐的方法: 步骤一:打开WPS文字编辑器。 步骤二:在WPS文本框输入一段文字做为实例,例如“百度分享”。 步骤三:将光标移动到需要居中的文字,然后按快捷键“Ctrl+E”,文字将会自动居中。 步骤四:效果图。 时间:2018-07-21…

wps里表格中间的字怎么置顶_怎么把wps文字放在最中间

1.wps怎么把文字放正中间 这里以wps 2019版本为例,把wps中的文字放正中间具体操作方法如下: 1、首先在wps输入你要放正中间的字,然后选择此字,并且在页面的上方选择【页面布局】。 2、进入到页面布局的操作页面以后,接下来选择【页边距】。 3、然后在弹出来的页面选择【自…

【wps】插入表格里的文字居中

问题&#xff1a; 表格里的文字太靠上&#xff0c;想居中对齐 解决方案 原因&#xff1a;只让段落居中&#xff0c;但表格没有居中。 1、选中表格&#xff0c;右键&#xff0c;选择“表格属性” 2、表格和单元格都要选择“居中”方式。 结果

wps居中对齐不在中间_wps怎么把字水平居中对齐

1.wps文字水平垂直居中在哪 《wps文字》里面只有水平居中&#xff0c;没有垂直居中 在《Microsoft Word》里面才有&#xff1a; 在《wps文字》里面&#xff0c;可以用插入文本框的方法设置垂直居中&#xff1a; 文本框设置无填充颜色和无线条颜色就行。 2.WPS如何让文字在表格中…

【陈工笔记】# WPS中如何公式居中,公式的编号靠右?#

“良好的习惯&#xff0c;才不会让努力白白浪费。” 在写文章时候&#xff0c;肯定会使用公式&#xff0c;那么如何将公式进行编号&#xff0c;使得公式居中&#xff0c;编号在右&#xff0c;以WPS为例&#xff0c;如下&#xff1a; 1、点击开始→制表位 2、先设置公式居中。具…

DIV 内容上下居中

<div>里面内容上下居中 <div><!-- 插入以下代码 --> <div>---------------------------<div class"outDiv"><div class"auto-in"><!-- 内容 --> </div> </div>css…

html中文字居中和上下居中的设置

注意使用 (1) line-height: 和高度相同 text-align: center (2)如果要撑起来方块&#xff0c;需要使用block display:block