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>代码如果连写在一行,就
<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限制一下