1、首先打开hbuilder软件，新建一个html文件，里面设置一个3行一列的table表格。
2、然后在style标签中设置table的样式，给table一个宽度和高度，并且把字体调大，设置背景色；再设置td的样式，给它们添加word-wrap和word-break两个属性就可以了，此css属性表示 在长单词或 URL 地址内部进行换行。
3、然后打开浏览器，就可以看到文字已经自动换行了。
在css程序中 TD表示的是标签，即所有标签为td的单元格都需要遵循你设定的样式也就是程序代码，表示继承并延续的意思。意思是定义在<td id=mainmenu>范围内里的所有链接样式, 这样定义的好处是灵活, 在不改变HTML代码的前题下可以对不同的链接做不同的样式
td：是定义一个表格
tr：是定义表格中的一行
th：是定义单元格中的一个单
css是加载在html里面的层叠样式表 说白了就是排版的。body在html中就是网页显示的内容 css只是定义它的排版，td是说白了就是表格里的格子 而th则是表里的第一行里的格子 但是可以用td来代替<td>标签定义 HTML 表格中的标准单元格。例如td/td是一个单元格tr标签定义 HTML 表格中的行。例如:<tr></tr>是一行
css的表格的内容居中有水平居中和垂直居中两种：
水平居中写法：<td align="center" valign="middle">
2.垂直居中写法：<td style="text-align:centervertical-align:middle">
扩展资料：
CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。功能更强大的框架，还配备了更多的功能和附加的基于JavaScript的功能，但大多设计导向的和Unobtrusive JavaScript。本文从功能和充分的JavaScript框架区分它们。
两个显着和广泛应用例子是Bootstrap和Foundation (framework)。其他awsm.css, Flexify, Materialize, Semantic UI。
一些更为大型的框架会使用CSS的解释器。例如LESS和Sass。
参考资料：百度百科-css框架
