请问html里面如何让表格居中

请问html里面如何让表格居中,第1张

代码如下:

<html> 

<body> 

<table border="1"> 

<tr> 

<td align="center" style="width:120px; height: 21px;" valign="middle"> 

表格剧中

</td> 

<td align="center" style="width:120px; height: 21px;" valign="middle"> 

表格剧中

</td> 

<td align="center" style="width:120px; height: 21px;" valign="middle"> 

表格剧中

</td> 

</tr> 

</table> 

</body> 

</html>

说明:

align="center"

可通过以下步骤设置为居中:

所需材料:Word。

一、首先选中表格内的全部文字,点击文字居中。

二、接着进入页面布局选项下,点击“页面设置”,打开页面设置窗口后,进入“文档网格”选项卡,勾选“只指定行网格”,点击该窗口“确定”。

三、接着进入开始选项下,打开“段落窗口”。

四、勾选“如果定义了文档网格,则自动调整右缩进”,设置行距为15倍,点击“确定”。

五、这样就可以把表格内的文字设置为水平居中和垂直居中了。

如果是在表格中的td标签中,可以在td中添加 valign ="middle",如<td valign ="middle">我是文字</td>

希望可以帮到你

<head>

<style type="text/css">

td {

text-align:center; /设置水平居中/

vertical-align:middle;/设置垂直居中/

}

</style>

</head>

<body>

<table border="1" cellspacing="0" width="800px" height="190px">

<tr>

<td>monday</td>

<td>tuesday</td>

<td>wednesday</td>

</tr>

<tr>

<td>thursday</td>

<td>friday</td>

<td>satarday</td>

</tr>

<tr>

<td>sunday</td>

<td>friday</td>

<td>satarday</td>

</tr>

</table>

</body>

说明:如果要在css中控制<td>标签中的文字垂直居中,那么可以设置td标签选择器下的属性:vertical-align 这个属性有三个值:top ,bottom,middle 其中,middle属性值代表垂直居中。

代码:td {

vertical-align:middle;

}

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/12175889.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存