html页面中的table控件，td标签里面是文字，怎样设置style才能文字垂直居中？

html-css021

html页面中的table控件，td标签里面是文字，怎样设置style才能文字垂直居中？,第1张

<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

}

用DW，这种做法也是每个里面都加上align=center，如果觉得代码不够简练就用CSS

td {

text-align: center

}

相同的

.ys{

你的CSS代码

}

你自己命名的class 前面得加点的哦 .ys{}

span class=ys 标准写法是要加上引号的 <span class = "ys"></span>align=center也是

水平居中：选项卡--居中按钮

垂直居中：选项卡右下角--垂直对齐方式--居中

一、设置水平居中

1、选中需要居中的文本；

2、单击开始选项卡居中按钮。

二、设置垂直居中

1、单击页面布局选项卡右下角的按钮；

2、弹出页面设置对话框，选择版式选项卡，在垂直对齐方式处选择居中即可。