internet-explorer-8 - 内联块不适用于 IE8

Question

IE8总是有问题...

我正在尝试使用 inline-block 将一些文本与图像的右上角对齐。它在 FF 中运行良好，但在 IE8 中当然不行。

这是我正在做的事情的小提琴：http: //jsfiddle.net/9DPv5/

我尝试了以下方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

什么也没做。

<!DOCTYPE html>

什么也没做。

<!--[if lt IE 8]>
<style type="text/css">
    li { display: inline !imporant; }
</style>   
<![endif]-->

没有解决问题并破坏了页面其他地方的样式。

margin-right:1px

该块已经设置了边距，所以这个 ofc 没有改变任何东西。

不太确定还能尝试什么。我不认为 CSS 中的任何内容都不适用于 IE8。

我也找到了这些，但不确定在哪里进行测试：

.divInlineBlock
{
   display: inline-block;
   float: left;
}

和

display: inline-table;

编辑：似乎图像对齐正确，只是文本没有对齐。

任何帮助表示赞赏。

score 2 · Accepted Answer

好的，经过一番折腾（我必须退出网站进行测试，然后每次进行更改时重新登录，看看它是否有效......不要问:(）我终于修复。

我变了：

#accordion .foobar .foo {
    display:inline-block;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

到：

#accordion .foobar .foo {
    display:inline-block;
    float:left;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

添加“浮动：左；” 到图像解决了这个问题。

1 回答 1