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

发布于 2024-09-08 12:21:49 字数 912 浏览 8 评论 0原文

我正在尝试做类似的事情 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 浏览器上运行的解决方案。

谢谢。

原文

I'm trying to do something similar to http://www.lukew.com/ff/content/simpletable1.gif . I created my structure like this.

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

This is my CSS.

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

I have tried using a definition list however only the first definition () would be aligned properly. The other definitions would not obey the left margin. Why don't the children ul nodes not get indented on the BB browser? I'm using the 8330 (v4.3) simulator but would preferably like a solution that works across all BB browsers.

Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

妥活 2024-09-15 12:21:49

我用您的代码创建了 jsbin 示例 http://jsbin.com/unaxu3

我认为 margin 不适用于 3.8 至 4.5

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

BlackBerry 浏览器支持以下 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 或更高版本支持保证金

I created jsbin example with you code http://jsbin.com/unaxu3

I think margin do not work on 3.8 to 4.5

In BlackBerry Device Software version 3.8 to 4.5, the BlackBerry Browser provides partial support for WAP CSS.

The BlackBerry Browser supports the following CSS models:

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

read here http://docs.blackberry.com/en/developers/deliverables/11844/Feature_CSS_512751_11.jsp

4.6 or later supports margin

回复收藏 0 原文

~没有更多了~