如何让<td>中的内容 水平居中同时垂直居中

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

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

一、设置水平居中

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

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

二、设置垂直居中

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

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

1、 页面中设置table宽度，一般如果字符串长度超过设置的单元格宽度后 会自动换行。但是如果字符串中没有空格以及标点符号它不会自动换行的。

字符串已经超过设置的单元格宽度

但是就是没有换行。如果字符串中有空格或者标点符号就可以。汉字组成的字符可以实现自动换行就算没有任何符号空格都行。如果纯字母组成的字符串就不行。

2、 下面这种情况也是 使用上面的代码调整过来的。

3、页面table中一行两列，但是虽然设置了左边td的宽度，但是丝毫不起作用。设置右边td的宽度亦如此，但是在table中加上上面加粗红色属性即可。

{

text-align:center

/*设置水平居中*/

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

}

monday

tuesday

wednesday

thursday

friday

satarday

sunday

friday

satarday

说明：如果要在css中控制标签中的文字垂直居中，那么可以设置td标签选择器下的属性：vertical-align

这个属性有三个值：top

，bottom，middle

其中，middle属性值代表垂直居中。

代码：td

{

vertical-align:middle

}