相关疑难解决方法(0)

所以我这样做

<div style='width: 200px; border: 1px solid black;'>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />asdf
  </div>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />were
  </div>
</div>

现在在Firefox和Chrome中它显示得很好,但在Internet Explorer 8中却没有.他们有布局,这不是问题,宽度足够小,所以它适合一条线.

如果我使用span而不是它确实有效,但我真的很想知道div为什么不在IE中工作

我刚收到一台新电脑,IE8设置为将所有网站渲染为IE7.这对我来说很震惊.有谁知道IE8的所有安装是否默认为IE7渲染？如果是这样,Web开发人员可以做些什么来强制IE8渲染？

这是一个关于跨浏览器兼容性的相当普遍的问题.

在设计的各个方面,我目前正致力于实现我想要的布局和样式(不使用图像)的唯一方法是使用display:inline-blockcss样式选项.但是,IE8和其他旧浏览器不支持这种情况,这导致我的设计失败.

因此,我的问题1有两个部分 - 是否有一种方法可以实现IE8的类似或等效效果？2 - 如果没有,我如何才能使设计顺利降级？

供您参考,这是一个在我的设计中使用它的例子.

<div style="width:20px; height:20px; display:inline-block; background-color:rgb(200,120,120); margin-right:10px;"></div>Direct

它是一个20x20像素的颜色块,用于解释图表中的颜色.

更普遍的是,每当我想要在文本体内对文本的特定位等进行更大的格式化和布局控制时,就会出现这个问题.

在我正在进行的设计中,我将不再支持旧的浏览器类型,因为它严重依赖于canvas元素.但是,我认为这是一个很好的问题,因为我之前已经多次遇到过这个问题.

谢谢

我想制作一个有序列表,居中并且没有子弹.最大的差距是我无法将其风格化为资源管理器8.它不会水平对齐,而在所有其他浏览器中它都可以.我在网上看了很多,但我找不到解决方案.我最后的尝试是复制我在这里找到的代码"堆栈溢出",水平列表没有浮动LI, 但也是这样我无法让它工作.请帮我!我会在这里发布我的代码HTML:

<nav class="orizNav">
        <ul>
    <li><a href="onoranze.php" name="noi"><h3>chi siamo</h3></a></li>
    <li><a href="servizi.php" name="servizi"><h3>servizi</h3></a></li>
    <li><a href="epigrafiol.php" name="epigrafionline"><h3>epigrafi on line</h3></a></li>
    <li><a href="contatti.php" name="contatti"><h3>contatti</h3></a></li>
    <li><a href="index.php" name="inizio"><h3>inizio</h3></a></li>
    </ul>
</nav>

这里是CSS

.orizNav ul {
list-style: none;
padding-bottom: 10px;
height:16px;
}
.orizNav ul li {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
}
.orizNav {
position: relative;
margin-top: -30px;
text-align: center;
font-family: Fog;
font-size: 14px;
}

我想将div div中的div与水平居中对齐,以获得具有未知宽度和动态内容的div(从用例到用例都要小心.

我已经读过,margin: auto;通常这里通常是解决方案,但它需要一组宽度,这对于我来说是编译时未知的.text-align: center不适用于父div中的div.

小提琴的例子

这是一个小提琴的例子.

我的两个问题

1. 我希望三个圆圈与中间对齐.圆圈数可以从零到多个不等.
2. 另一个相关的问题是我如何使进度条具有最小宽度(例如,当只有一步,两步或三步时)并且在添加更多步骤时向右和向左拉伸？这是油漆中的(非常糟糕)插图.

作为一个注释,我希望这也适用于IE 8.