Mam listę przycisków radiowych i niektóre etykiety są dość długie, więc się zawijają, a druga linia pojawia się pod przyciskiem opcji. Idealnie chciałbym, aby tekst był zawijany drugą linią zaczynającą się od pierwszego znaku pierwszej linii.Jak zatrzymać tekst etykiet RadioButtonList od zawijania pod przyciskiem
Wszelkie pomysły na jak? czy musiałbym stworzyć własną kontrolę na podstawie listy?
Ten CSS faktycznie robi trick:
<style type="text/css">
table.radioWithProperWrap input
{
float: left;
}
table.radioWithProperWrap label
{
margin-left: 25px;
display: block;
}
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>
Możesz wziąć przycisk radiowy i oddzielną etykietę i ustawić właściwość AssociatedControlID tej etykiety.
<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>
Dzięki, miałem nadzieję, że nie będę musiał robić jeszcze więcej układu stołów, więc idę z pomysłem na styl. –
Dzięki! To jest poprawna odpowiedź. –
spróbować negatywny text-indent styl -20px pracuje dla IE8
Wiem, że to trochę późno w grze, ale to działało dla mnie:
table.NoWrapRadio td
{
white-space:nowrap;
}
Kiedy stosować podejście wybrany odpowiadającego za kwestia owijania została ustalona, ale to sprawiło, że przełącznik s renderowane piksele mniejsze niż etykiety. Używam trybu zgodności IE9.
Jeśli ktoś ma problem z uzyskaniem wybranej odpowiedzi do pracy: działa tylko wtedy, gdy RadioButtonList używa RepeatLayout="Table", a nie RepeatLayout="Flow". Zajęło mi to chwilę, żeby to złapać.
Wielkie dzięki, miałem podobny styl w miejscu, który pracował dla IE i właśnie sortowałem który element wymusić by wyświetlić: blok, kiedy uderzysz w gwóźdź na głowie. –
Dziękujemy! To było pomocne. – Sandra
To jest piękne. – Jazzy