css - IE CSS padding-left 只是填充文本的第一行

Question

我正在检查我的样式表，试图使我的 CSS 对 IE 友好，但由于某种原因，我的 padding-left 遇到了问题。它仅将填充应用于我的“span”标签中的第一行文本。当文本运行到下一行时，它会一直到 'span' 元素内的左侧。

(出于 NDA 目的无法显示屏幕截图)

浏览器:IE7

CSS:

#rightContent .rightNav a,#rightContent .rightNav a:visited{
  color:black;
  display:block;
  width:92px;
  padding-right:12px;
  height:35px;
  background:url("../images/nav_off.png");
}
#rightContent .rightNav span{
  display:table-cell;
  vertical-align:middle;
  height:28px;
  padding-left:13px;
  font-size:9px;
}

HTML:

<li>
  <a href="">
    <span>This text is too long.</span>
  </a>
</li>

Answer 1

IE7 不支持 display: table-cell: http://caniuse.com/css-table

如果仅适用于 IE7，您将不得不寻找替代技术。

尝试将 *float: left 添加到 span - 它会 only apply到 IE7 及更低版本。也许这将是一个“足够好”的修复。

看起来你正在使用 display:table-cell; vertical-align:middle 用于垂直居中。如果在 IE7 中拥有它绝对重要，那么不求助于 JavaScript 也是可能的，但这是一件很痛苦的事情。