<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,如果觉得代码不够简练就用CSStd {
text-align: center
}
相同的
.ys{
你的CSS代码
}
你自己命名的class 前面得加点的哦 .ys{}
span class=ys 标准写法是要加上引号的 <span class = "ys"></span>align=center也是
水平居中:选项卡--居中按钮
垂直居中:选项卡右下角--垂直对齐方式--居中
一、设置水平居中
1、选中需要居中的文本;
2、单击开始选项卡居中按钮。
二、设置垂直居中
1、单击页面布局选项卡右下角的按钮;
2、弹出页面设置对话框,选择版式选项卡,在垂直对齐方式处选择居中即可。