<!--
.tablecss tr td{
width:100px
height:50px
/*建议加上overflow:hidden这样如果内容宽度或者高度超过规定范围大小的话将被隐藏*/
}
-->
</style>
<table class="tablecss">
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
</table>
如果觉得这样写不明白的话可以写成：
<style type="text/css">
<!--
table tr td{
width:100px
height:50px
/*同样建议加上overflow:hidden这样如果内容宽度或者高度超过规定范围大小的话将被隐藏*/
}
-->
</style>
<table>
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
</table>
建议不要用第二种方式，因为如果用这种方式的话所有没有写class或者id的将全部是宽度100px高度50px
1、双击打开HBuilder工具，新建一个HTML5静态页面模板。
2、在<body></body>标签内，插入一个div标签，并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器，设置div标签内的内容文字大小，使用vmin。
4、保存代码并直接打开浏览器预览效果，可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax，然后保存代码并查看效果即可。
用Dreamweaver制作的表格能固定大小不变形，首先需要通过css来控制这个表格标签的大小，width和height来实现，要想不变形，还需要设置在单元格中的字体的显示，如不能超过多少宽度，就默认的给隐藏掉，就可以实现，具体看下代码：<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"<a
href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"
target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></a>
<html
xmlns="<a
href="http://www.w3.org/1999/xhtml"
xml:lang="en">"
target="_blank">http://www.w3.org/1999/xhtml"
xml:lang="en"></a>
<head>
<meta
http-equiv="Content-Type"
content="text/htmlcharset=UTF-8">
<title>Document</title>
<style>
table{
width:600px
height:300px
}
tr{
width:300px
}
td{
width:150px
height:30px
overflow:hidden
}
</style>
</head>
<body>
<table>
<tr>
<td>我有的字会变隐藏。</td>
</tr>
</table>
</body>
