+-----------------------------------------------------------+|January 12th,2012 |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+|January 13th,2012 |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+
但我得到的是这个：
+-----------------------------------------------------------+|January 12th,2012 |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+|January 13th,2012 |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+| x | first item | second item |+-----------------------------------------------------------+
‘x’实际上是一个具有固定宽度的图像.我想强制第一个单元格只与图像一样宽.
这是一个示例：
<HTML> <body> <table> <tbody> <tr> <td colspan="3">January 12th 2011 this here is just for padding to make table wIDer</td> </tr> <tr> <td wIDth="20"> x </td> <td>First item</td> <td>Second item</td> </tr> </tbody> </table> </body></HTML>
似乎包含带有colspan = 3的TD的行导致其他行中的TD忽略wIDth属性(我也尝试使用样式宽度：20px)
FF8中的渲染是正确的.任何想法我如何让IE以我想要的方式呈现表格？
解决方法 我忘记了桌子的样式’table-layout：fixed’,这造成了困难.设置此样式时,第一行中单元格的宽度将应用于所有后续行.由于第一行包含一个colspan,我猜IE混淆了(FF处理好了).任何方式它都没有我想要的那么灵活,但这对我有用.
<HTML> <body> <div > <table border="0" > <tr> <td /> <td /> <td /> <td /> </tr> <tr> <td colspan="4" >09 January 2012</td> </tr> <tr title="09 January 2012"> <td align="center" valign="mIDdle" colspan="1" ><img src="../../../../_layouts/images/WebParts2010/AWT3_Klein.png" /></td> <td align="left" valign="top" colspan="1" >LO</td> <td align="left" valign="top" colspan="1" >Customer name Ltd.</td> <td align="left" valign="top" colspan="1" >Reason for visiting today</td> </tr> </table> </div></body></HTML>总结
以上是内存溢出为你收集整理的html – 一行中单元格上的Colspan似乎阻止在所有其他行中设置TD宽度.为什么？全部内容，希望文章能够帮你解决html – 一行中单元格上的Colspan似乎阻止在所有其他行中设置TD宽度.为什么？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）