大佬教程收集整理的这篇文章主要介绍了html – IE8拉伸表格单元格高度,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Strict.dtd"> <html> <head> <style type="text/css"> .fixed { height: 100px; } table { border: 1px solid #000; } td { border: 1px solid #ddd; vertical-align: top; } tr { border: 1px solid #cfc; } * { padding: 15px; } </style> </head> <body> <table> <tr class="fixed"> <td>left</td><td rowspan="2"><div style="height: 500px;">right</div></td> </tr> <tr class="stretch"> <td>left</td> </tr> <tr class="footer"> <td colspan="2">footer</td> </tr> </table> </body> </html>
我已将右列的高度设置为500px,以模拟高于左侧两列高度的内容.这在现代浏览器中的表现如预期:左上角单元格的高度保持固定,下方单元格拉伸以填充额外空间.但是在IE8中,两个左侧细胞都是垂直拉伸的.我需要顶部单元格来保持其固定高度.如何让IE8仅使用CSS来表示为左上角单元格指定的高度?
编辑:
我没有在右列td上设置高度,而是在右列内的div上设置高度.
以上是大佬教程为你收集整理的html – IE8拉伸表格单元格高度全部内容,希望文章能够帮你解决html – IE8拉伸表格单元格高度所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。