Question

我在Div元素中有以下元素：

<div class="section">
        <%= InventoryGoods.Metadata.PluralLabel %>
        <%= Html.DropDownList("p.Selection", new[]
                                                                    {
                                                                        new SelectListItem{Text = "Todas", Value = "0"},
                                                                        new SelectListItem{Text = "Iguais", Value="1"},
                                                                        new SelectListItem{Text = "Diferentes", Value="2"},
                                                                    })%>
        <div align="right"><a title="Apagar Todos Os Eventos" id="delete_all_Events" class="ui-widget ui-state-default ui-icon ui-icon-trash">
        </a></div>
    </div>

我想在中心显示复数标签（正如现在所做），此复数标签后面的下拉列表和此div最右侧的小部件。

我上面写的代码做了我想要的，但是将小部件放在下拉列表下面的行上，在这个div中创建了2行。

如何让它只有一行？

Answer 1

<div>默认为block element。 HTML块元素位于自己的行中。将<div align="right">替换为<span style="float:right;">并将放在下拉列表中（以便在错误的IE6 / 7中实现所需的效果）。 <span>默认为inline element。

坚持：它应该以“原始”HTML结尾：

<div style="text-align: center;">
    <span style="float: right;">right</span>
    <select><option>option</option></select>
</div>

也就是说，更喜欢内联样式的CSS类，上面只是一个基本的例子。

在Div元素中显示单行

1 个答案: