Как вы прекращаете перенос текста меток RadioButtonList под кнопкой

У меня есть список переключателей, и некоторые ярлыки довольно длинны, поэтому они обертываются, а вторая строка появляется под переключателем. В идеале я хотел бы, чтобы текст обертывался второй строкой, начинающейся под первым символом первой строки.

Любые идеи о том, как? или я должен был бы сделать свой собственный контроль на основе списка для этого?

Ответ 1

Этот CSS действительно делает трюк:

<style type="text/css">
 table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      margin-left: 25px;
      display: block;
 }
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>

Ответ 2

Вы можете выбрать радиокнопку и отдельную метку и установить AssociatedControlID свойство этой метки.

<table>
    <tr>
        <td>
            <asp:RadioButton runat="server" ID="rdo" />
        </td>
        <td>
            <asp:Label runat="server" ID="lbl" Text="Radio Text" AssociatedControlID="rdo" />
        </td>
    </tr>
</table>

Ответ 3

Я знаю это немного поздно в игре, но это сработало для меня:

    table.NoWrapRadio td
    {
        white-space:nowrap;
    }

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

Ответ 4

попробуйте отрицательный текст-отступ стиль -20px работает для IE8

Ответ 5

Если у кого-то возникают проблемы с получением выбранного ответа, он работает, только если ваш RadioButtonList использует RepeatLayout="Table", а не RepeatLayout="Flow". Принял меня на минуту, чтобы поймать это.