css会诊,请进,发现的table问题?

来源:百度知道 编辑:UC知道 时间:2024/05/29 12:57:12
会诊,请进,发现的table问题?
<style type="text/css">
.table{
table-layput:fixed;word-wrap:break-wrod;word-break:break-all;
border-collapse:collapse;
}

.table td{
border:1px solid red;
}
</style>
<table width=10% align=center class=table>
<tr>
<td width=10% align=center>
<img src=image/emot/01.gif><img src=image/emot/01.gif>
</td>
</tr>
<tr>
<td width=10% align=center>
sssssssssssssssssssssssssssssssssssssssssssss
</td>
</tr>
</table>

经过数小时的测试,我发现一个很重要的问题,我搞的快吐学了!

第一:

如果table和td用(%百分比)的话,<img src=image/emot/01.gif>代码如果连写在一行,就会出现撑破table问题,具体什么原因,请给修改!

第二:

如果在百分比的情况下代码不连写,回车换行就可以保证不撑破,当是我如果写asp的时候,程序一循环就是连写了,就撑出去了!

不知道听的懂我的意思没有?也请给出修改方案!

第三:

如果是table和td用(px象素)的话,<img src=image/emot/01.gif>代码如果连写在一行,就

给TABLE加:style="table-layout:fixed;overflow:hidden"就永远不会出现撑的情况,

写代码用专门的编辑器,会自动换行,不用敲回车,

TD里自动换行,还\是在TABLE里加:style="word-break:break-all"

div限制一下