Отобразить одну строку внутри элемента Div - PullRequest
Новая
       5

Отобразить одну строку внутри элемента Div

1 голос
/ 12 июля 2010

Внутри элемента 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>

Я бы хотел отобразить метку множественного числа в центре (как это происходит сейчас), выпадающий список сразу после этой метки множественного числа и виджет справа от этой области.

Код, который я написал выше, делает то, что я хочу, но помещает виджет в строку под выпадающим списком, делая 2 строки внутри этого div.

Как сделать так, чтобы в нем была только одна строка?

1 Ответ

5 голосов
/ 12 июля 2010

A <div> по умолчанию является блоком элементом . Элементы блока HTML располагаются в отдельной строке. Замените <div align="right"> на <span style="float:right;"> и поместите его перед выпадающим меню (чтобы достичь желаемого эффекта и в глючном IE6 / 7). <span> по умолчанию является встроенным элементом .

В орехе: это должно закончиться так в "сыром" HTML: 

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

Тем не менее, предпочитайте классы CSS выше встроенных стилей, приведенный выше является лишь базовым примером.

...