Question

我正在尝试做类似于http://www.lukew.com/ff/content/simpletable1.gif的事情。我创建了这样的结构。

<ul>
    <li>Outages:
        <ul>
            <li>1 Forced</li>
            <li>1 Planned</li>
        </ul>
    </li>
    <li>Customers:
        <ul>
            <li>N/A</li>
        </ul>
    </li>
    <li>Equipment:
        <ul>
            <li>1 Breakers</li>
            <li>1 Transformers</li>
        </ul>
    </li>
</ul>

这是我的CSS。

ul li ul {
    background: #DDD;
    margin: -20px 0 0 75px;
}

我尝试过使用定义列表，但只有第一个定义（）才能正确对齐。其他定义不服从左边距。为什么孩子们的ul节点不能在BB浏览器上缩进？我正在使用8330（v4.3）模拟器，但最好选择适用于所有BB浏览器的解决方案。

谢谢。

Answer 1

我用代码http://jsbin.com/unaxu3

创建了jsbin示例

我认为margin不适用于3.8到4.5

在BlackBerry Device Software版本3.8到4.5中，BlackBerry Browser为WAP CSS提供部分支持。

BlackBerry Browser支持以下CSS模型：

* Box model
      o Border properties (introduced in BlackBerry Device Software version 3.8)
      o Padding properties (introduced in BlackBerry Device Software version 4.3)

请在此处阅读http://docs.blackberry.com/en/developers/deliverables/11844/Feature_CSS_512751_11.jsp

4.6或更高版本支持margin

保持所有子节点在无序列表中缩进

1 个答案: