0

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

这是模型

到目前为止，我面临的主要问题是多行文本不会缩进。我不想只为那个布局制作一张桌子。

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

新更新： 我最终使用了这样的东西，它在 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;
}
4

1 回答 1

3

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

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

见http://jsfiddle.net/MrLister/6VyL6/1

如果这不是您所追求的，您可能需要展示一些您自己的代码。

于 2013-06-10T09:25:58.940 回答