Question

我有一个表格，其中包含三个struts2标签。呈现页面时，s：select标签会自动转换为底部显示的html。

现在的问题是我正在尝试设置表单样式以在水平线上显示这些下拉列表。但是使用这段代码我无法设置任何元素的id或类。它们都获得自动生成的id，我只能在select本身上设置cssClass，而不是在ul或li上设置cssClass

但我可以在表单元素本身上设置id。但我是css的新手，所以我无法让它工作。所以问题是：当我只能访问设置表单id和类时，我如何设置以下html样式以显示li元素内联？优选地，标签应该在选择框上方。

喔。我忘了提到已经有一个css在另一个问题上塑造所有这些元素。 div具有显示属性设置，将打破li中的显示。那么我怎么能告诉浏览器“永远不要告诉你通常在表单上做的所有样式，在这种情况下只需简单地显示这些元素内联”

或者另一种解决方案，我可以切换到只使用普通旧标签吗？如果是这样，如何用项目填充并设置displayvalue和id值？

        <ul>
        <li>
            <div id="xxxx">
                <label>Somelabel</label>
            </div>
            <div id="ssdf">
                <select id="sfsd" name="xx" class="this i can control">
                    <option>1</option>
                    <option>2</option>
                </select>
            </div>
        </li>
        <li>Second dropdown etc</li>
    </ul>

Answer 1

您可以使用descendant selector ^{W3C docs}

#formid ul{
   overflow:hidden; /* to autosize height based on contents*/
}

#formid li{
   float: left; /* but you need to make sure that all li elements to not have a combined width larger than the ul containing them*/
}

样式化多个：选择下拉列表以内联显示

1 个答案: