如何应用ie10 hack ul li元素对css代码的错误显示

Question

我在css ie10 hack中遇到了问题。

这是好的观点。 （在IE11上）

Good view on IE11

糟糕的观点是这样的。 （IE10及以下）

Good view on IE10

CSS代码是

  

.util {float：right;保证金：0自动;边框：0px纯红色;边距：60像素;}

     

.util ul li {float：left;}

和HTML代码

<div class="util">
                    <ul>
                            <li><a href="/login.php"><img src="/img/new/snb_01.png"></a></li>
                            <li><a href="/register.php"><img src="/img/new/snb_02.png"></a></li>
                            <li><a href="/subpage.php?p=m36"><img src="/img/new/snb_03.png"></a></li>
                            <li><a href="/board.php?bo_table=m31"><img src="/img/new/snb_04.png"></a></li>
                            <li><a href="/board.php?bo_table=m72"><img src="/img/new/snb_06.png"></a></li>
                    </ul>
            </div>

我一直试图寻找搜索网络的解决方案。 我添加了代码，

.util li {display:inline;}

但没有工作..

请告诉我，如何将它应用于ie10-hack并正确显示。

Answer 1

我建议将notice:- write('Hi whats ur name?'), nl, read(Name), write(Name). 添加到display: inline-block。如果这不能解决问题，您甚至可以将.util包装在<ul>元素中。一个很好的例子就可以在CSS技巧链接上找到 - centering list items horiztonally

Answer 2

首先，您应该始终避免使用浏览器黑客，原因如下：

1. 可能无法进行CSS验证
2. 您的CSS变得更加复杂
3. 您的CSS可能无法适应未来
4. 很少需要他们

更多信息Why avoid CSS Browser Hack

即使你想要Hack，Browser hacks也拥有所有浏览器所需的所有黑客攻击。

对于IE10：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 // Your CSS
}