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

html-css019

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、弹出页面设置对话框,选择版式选项卡,在垂直对齐方式处选择居中即可。