0

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;

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

任何帮助表示赞赏。

4

1 回答 1

2

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

我变了:

#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;

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

于 2013-07-30T10:58:20.843 回答