0

我正在尝试在表格中的行底部添加间距，它适用于 Chrome。但是 IE 8.0 中没有显示间距

所用方法的任何替代方法？

CSS

tr.spaceUnder > td
{
padding-bottom: 7px;
}

HTML

    <table width="105%">

            <tr class="spaceUnder">
                         <td><p>Friday, June 8th<br>
                <a href="https://www.facebook.com/events/357722824277712/" target="_blank" onMouseOver="MM_swapImage('band','','images/awatson.jpg',1)" onMouseOut="MM_swapImgRestore()">Aaron Watson</a></p>
             </td>
             <td valign="bottom"><a href="http://www.ticketfly.com/event/122695/"><img src="http://www.bigtexassaloon.com/images/tix.png" border="0"></a>
                         </td>
                        </tr>

            <tr class="spaceUnder">
              <td>
                <p>Thursday,  June 14th<br>
                            <a href="https://www.facebook.com/events/180258595433140/" target="_blank" onMouseOver="MM_swapImage('band','','images/acoustic.jpg',1)" onMouseOut="MM_swapImgRestore()">Five Man Jam</a><br />
                                &nbsp;&nbsp;Joe Blake<br />&nbsp;&nbsp;Neil Austin Imber<br />&nbsp;&nbsp;Eric Middleton<br />&nbsp;&nbsp;Stephen Chadwick<br />&nbsp;&nbsp;Ryan Lee Evans</p>
                           </td>
            </tr>   
</table>
4

2 回答 2

1

您是否在 html 中声明了 doctype？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
于 2012-06-07T03:22:40.803 回答
0

从声明中删除>字符tr.spaceUnder > td。仅当单元格内有内部表格时才需要它（即使那样，最好以其他方式限制效果）。

在Quirks Mode中，IE 无法识别此类使用>操作符的 CSS3 选择器。一些旧浏览器在任何模式下都无法识别它们。当存在简单的替代方案时，避免使用它们。

您的页面可能缺少 doctype 声明或有将 IE 置于 Quirks 模式的声明（例如，没有 URL 的 HTML 4.01 过渡 doctype）。

该页面也有不同的浏览器兼容性问题，尽管您可能已经处理了问题中未公开的 CSS 代码。当您将p元素作为元素的唯一内容时td，某些浏览器会抑制该元素的正常默认顶部和底部边距p，至少在 Quirks 模式下是这样。“标准模式”下的现代浏览器通常不这样做，这意味着段落上方和下方有相当大的垂直间距。

这可以通过p在 CSS 中显式设置边距来处理。但是类似<td><p>...</p></td>的标记通常没有用处，p最好省略标记，避免这个问题。

于 2012-06-07T04:34:08.190 回答