Ho un elenco di pulsanti di opzione e alcune etichette sono piuttosto lunghe in modo da avvolgere e la seconda riga viene visualizzata sotto il pulsante di opzione. Idealmente vorrei che il testo si avvolgesse con la seconda riga che inizia sotto il primo carattere della prima riga.Come si interrompe il testo dell'etichetta RadioButtonList dal wrapping sotto il pulsante
Qualche idea su come? o dovrei fare il mio controllo basato sulla lista per questo?
Questa CSS in realtà fa il trucco:
<style type="text/css">
table.radioWithProperWrap input
{
float: left;
}
table.radioWithProperWrap label
{
margin-left: 25px;
display: block;
}
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>
È possibile utilizzare un pulsante di opzione e un'etichetta separata e impostare la proprietà AssociatedControlID di tale etichetta.
<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>
Grazie, speravo di non dover fare ancora più layout di tabella, quindi vado con l'idea di stile. –
Grazie! Questa è la risposta corretta. –
provare uno stile di testo-rientro negativo -20px lavora per IE8
Lo so che è un po 'tardi nel gioco, ma questo ha funzionato per me:
table.NoWrapRadio td
{
white-space:nowrap;
}
Quando ho usato l'approccio del risposto prescelta, la questione involucro è stato fissato, ma ha fatto il pulsante di scelta s ha reso un vew pixel inferiore rispetto alle etichette. Sto usando la modalità di compatibilità IE9.
Se qualcuno ha problemi a far funzionare la risposta selezionata: funziona solo se RadioButtonList utilizza RepeatLayout="Table" e non RepeatLayout="Flow". Mi ci è voluto un minuto per capirlo.
Mille grazie, avevo uno stile simile che funzionava per IE e stavo semplicemente ordinando quale elemento da forzare per visualizzare: blocco quando colpisci il chiodo sulla testa. –
Grazie! E 'stato utile. – Sandra
Questo è bello. – Jazzy