table样式与浏览器展示不一致

[45221378]

问题描述
会出现大段的空白

html 代码

<div>3. 阅读下面的习作例文，完成练习。<table border='1' cellspacing='0' cellpadding='0' style='width: 450px;'><tbody><tr><td style='width: 296px;'><div style='text-align: center;'><strong>暖</strong></div><p class='text-indent'><span style='font-family:KaiTi;'></span></p><span class="textIndent-tab">&nbsp;</span>​<span style='font-family:KaiTi;'></span><span style='font-family: KaiTi;'>岁月像小河的流水，带着欢笑声远去。但学校生活中的美好回忆,却一直温暖着我的心。</span><p class='text-indent'><span style='font-family:KaiTi;'></span></p><span class="textIndent-tab">&nbsp;</span>​<span style='font-family:KaiTi;'></span><span style='font-family: KaiTi;'>我记得，入学那天傍晚，当放学铃响了以后，同学们陆陆续续被家长接走，可是，我的妈妈却还不见踪影。站在楼前的大杨树下，看着偶尔走过的陌生面孔，我不禁伤心地哭了。这时，数学老师恰好撞见了我，她轻轻擦去我眼角的泪水，安慰我说：&ldquo;别着急，爸爸妈妈一定很忙，再等一会儿，老师陪着你。老师的手那么温暖，老师的话那么亲切，老师就像我的妈妈。</span><p class='text-indent'><span style='font-family:KaiTi;'></span></p><span class="textIndent-tab">&nbsp;</span>​<span style='font-family:KaiTi;'></span><span style='font-family: KaiTi;'>我还记得，两年前的那次运动会上，我是接力赛的第四棒，前三棒我们都领先，可一到我接棒时，我却跌倒了，接力棒被甩了出去，我捡起接力棒，拼命追赶，但还是无力扭转局势。赛后，我惭愧极了，可是同学们一点儿都没有埋怨我，他们有的问我摔疼了没有，有的给我递水、递毛巾，眼里流露出真诚的关怀。我虽然输掉了比赛，但收获了宝贵的真情，那一刻，我感到很温暖。</span><p class='text-indent'><span style='font-family:KaiTi;'></span></p><span class="textIndent-tab">&nbsp;</span>​<span style='font-family: KaiTi;'>我更记得，上个学期的朗诵比赛，我紧张地站在演讲台上，面对全校师生，竟把背得滚瓜烂熟的演讲词忘了。我不知所措，头上出了豆大的汗珠。语文老师坐在观众席上向我投来鼓励、信任的目光。这目光让我镇定下来，早已记下的演讲词脱口而出。结束时，台下一片热烈的掌声让我感到温暖。</span><br /><span style='font-family:KaiTi;'><span class="textIndent-tab">&nbsp;</span>校园生活中的点点滴滴让我感到无比温暖。在学校温暖的怀抱里，我从无知变得懂事，从幼稚变得成熟。真心地感谢，我的学校！ </span>&nbsp;</td><td style='width: 148px;'><img style='width: 151px; height: 500px;' src='http://qp-tiku.oss-cn-beijing.aliyuncs.com/ImageFile/6fc1a594a6d411ea9acd00163e2ea669/f611909a7f40683fc6bfaca18a980c1c.png' />&nbsp;</td></tr></tbody></table></div>

[jin-yufeng]

这个问题可能暂时还解决不了，在表格里使用图片的支持性还不好，一个可能的办法是给html 里的 img 标签加一个 ignore 属性（禁用预览）可以解决

[jin-yufeng]

找到办法了，给 td 加一个 vertical-align: middle; 就可以了