Html 填充在iE中不起作用？_Html_Css_Internet Explorer

Html 填充在iE中不起作用？

html css internet-explorer

Html 填充在iE中不起作用？,html,css,internet-explorer,Html,Css,Internet Explorer,我希望在内容周围、元素边框内留有空间我使用过cellpadding，它在FF中工作得很好，但在IE中没有。我使用的IE版本是7.0.5730.13 我试过一张简单的桌子 <table style="padding:100px" border="1"> <tr><td>123</td></tr> <tr><td>456</td></tr> <tr>&l

我希望在内容周围、元素边框内留有空间

我使用过cellpadding，它在FF中工作得很好，但在IE中没有。我使用的IE版本是7.0.5730.13

我试过一张简单的桌子

<table style="padding:100px" border="1">
    <tr><td>123</td></tr>
    <tr><td>456</td></tr>
    <tr><td>678</td></tr>
    <tr><td>kuz</td></tr>
</table>

但是输出根本没有空间。。如果我在

处使用padding标记，则效果良好。由于填充在IE中不起作用，我使用了另一种方法

我创建了两个虚拟行；一个在顶部，另一个在底部，一个在右侧，另一个在左侧，我用填充物来设置它们的样式。它正在工作。请告诉我是否有更好的方法在内容周围留出空间。

您应该使用以下方法：

<td style="padding: 10px">

CSS样式的“填充”应应用于td而不是表格。

检查ie是否在quircks模式下运行，验证您是否将这些行放在html的顶部：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

它们将阻止ie在模式下加载怪癖

请记住，如果您对表格应用填充，如

<table style="padding: 100px">

如vikrash所说，如果您想在单元格与其内容之间留出空间，这将在表格与其内容之间留出空间，或者您可以使用

cellpadding

表格填充仅通过单元格（td）实现。

IE不支持表格填充。我猜您希望这样做是为了在表的边缘和内容之间留出一个空间

但是，您可以通过将表放入div（这是跨浏览器）获得相同的结果

div将模拟表的外部边界

编辑：只有当您的桌子是100%宽度时，这才有效。但是，您可以限制div的宽度，但是您必须知道希望它有多宽

<div style="padding:100px; border: solid black 1px; width:300px">
  <table border="1" style="border: solid transparent 0px; width:100%">
        <tr><td>123</td></tr>
        <tr><td>456</td></tr>
        <tr><td> 678</td></tr>
        <tr><td>kzuk</td></tr>
    </table>
</div>

用边距代替填充怎么样

margin: 5px 0 0 5px;

我试过这个，在ie 8中工作！，不知道是7点，但我认为应该在桌子和它的内容之间留出一个空间。所以我需要在桌子上填充。我已经将您指定的行放在html的顶部，stll它在IE 7中没有提供任何空间。感谢您的回复。我尝试了这种方法，但无法控制表格右侧的填充。我也像这样改变了。但是桌子右边的空间超过了100px对不起，我不知怎么的以为你想要一张全宽的桌子。。。div将占据父表的整个宽度，因此只有当您的表也具有100%宽度时，此方法才有效。无需抱歉：）感谢您的回复和花费的时间。

margin: 5px 0 0 5px;