Question

是否可以使复选框项目缩进为有序列表中的无序列表项？

到目前为止我遇到的主要问题是多行文字不会缩进。而且我不想为那个布局制作一张桌子。

要求是IE8（我知道，但我知道，但它适用于银行）。

新更新： 我最终使用类似this的东西，它适用于IE8，在Firefox 22中也很合理：

<div>My list starts here.</div>
<ol>
    <li>First item
        <br/>
        <input type="checkbox" name="item1" /><span class="CheckBoxSpan"></span>
        <label>Checkbox item one, it also need be indent probaly like an list item, what happens if it has more than one line, it need be indentes, not wrap</label>
        <br/>
        <input type="checkbox" name="item1" /><span class="CheckBoxSpan"></span>
        <label>Another checkbox item one, again it also need be indent probaly like an list item, what happens if it has more than one line, it need be indentes, not wrap</label>
    </li>
</ol>

和CSS

.CheckBoxSpan 
{
 position: relative;
    left: 4em;   
}
li label 
{
    display:inline-block;
    max-width:80%;
    vertical-align:top
}
li input 
{
    width: 1.4em;
    margin-left: -1.9em;
}

Answer 1

如果没有更多信息，很难弄清楚你想要什么，但我认为这可能会非常接近。只需给出复选框显示的标签：块。还有一些化妆品让它看起来很正确。

li label {display:inline-block; max-width:80%; vertical-align:top}

请参阅http://jsfiddle.net/MrLister/6VyL6/1

如果那不是你想要的，你可能需要展示一些你自己的代码。

使复选框项缩进，就像列表中的无序列表一样？

1 个答案: