internet-explorer-8 - 内联 block 不适用于 IE8-6ren

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

转载作者：太空宇宙更新时间：2023-11-04 04:27:34

IE8 总是有问题...

我正在尝试使用行内 block 将一些文本与图像的右上边缘对齐。它在 FF 中工作正常，但当然在 IE8 中不起作用。

这是我正在做的 fiddle :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

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

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

我也找到了这些，但不确定将它们放在哪里进行测试:

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

和

display: inline-table;

编辑:图像似乎正确对齐，只是文本不正确。

感谢任何帮助。

最佳答案

好吧，经过大量的胡闹(我必须退出网站进行测试，然后每次我进行更改时重新登录，看看它是否有效...不要问 :( ) 我终于修好了。

我改变了:

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

添加“ float :左；”图片解决了这个问题。

关于internet-explorer-8 - 内联 block 不适用于 IE8，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17943889/

文章推荐：无法编译 pthread 调度 API

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章