代码之家  ›  专栏  ›  技术社区  ›  Alex

Internet Explorer填充问题

  •  6
  • Alex  · 技术社区  · 16 年前

    我无法在我的<A>标签周围添加IE填充以正确工作。这只适用于Firefox、Safari、Chrome,但不适用于IE-请帮忙!

    我的简化HTML代码如下所示:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <div id="mydiv">
        <table>
          <tr>
           <td>
             <a style="padding: 20px; background: red;" href="#">Some link</a>
            </td>
          </tr>
        </table>
      </div>
    </html>
    

    火狐结果(这是我想要的):

    alt text http://img33.imageshack.us/img33/8280/linkissueff.jpg

    Internet Explorer(7)结果(填充不正确):

    alt text http://img22.imageshack.us/img22/8555/linkissueie.jpg

    我怎样才能在IE中修复这个?非常感谢!

    1 回复  |  直到 16 年前
        1
  •  15
  •   Ken Browning    16 年前

    对于自然内联的元素,即要求元素具有 display: inline-block; CSS属性,然后它将应用类似 padding . 所以只要添加 display: inline-block 到你的锚元素。

    <a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>