2013-11-10 4 views
4

Я не могу понять, как установить флажок и связанный с ним текст в одной строке. Текст очень короткий, поэтому он не кажется проблемой ширины. Я пробовал настройку отображения: встроенный в элемент управления, но когда он визуализируется, вокруг ввода и метки добавляется диапазон, который имеет дисплей: встроенный. Если я вручную добавлю отображение: inline, используя представление ресурсов в Chrome, к результирующей метке, чем это прекрасно. Проблема в том, что я не знаю, как получить контроль, чтобы сделать это.Флажок и адрес CheckBox не указаны в той же строке

Спасибо.

+0

Такое поведение наблюдается при смешивании веб-форм ASP.NET и Twitter Bootstrap. Вы используете бутстрап или какую-то другую фреймворк css? –

ответ

8

Вы хотите, чтобы display:inline применялся к элементу <label>, который ASP создает для хранения текста метки, а не самого элемента управления. Так, например:

<style type="text/css"> 
    label { display: inline-block; } 
</style> 
<asp:CheckBox Text="This text appears on same line as checkbox" runat="server" /> 
+0

Кажется, что родительский div не позволяет этой метке получить набор. #sign_up label { дисплей: блок; margin-bottom: 10px; цвет: # 536376; Размер шрифта: .9em; text-align: слева; } .chsli этикетка { дисплей: встроенный; // это показывает пробитие } – jbassking

+1

Это сработало: .chsli label { дисплей: встроенный блок! important; } – jbassking

Смежные вопросы