Как установить горизонтальный переключатель с таблицей HTML и / или CSS? - PullRequest
Новая
       7

Как установить горизонтальный переключатель с таблицей HTML и / или CSS?

0 голосов
/ 13 июля 2020

Я хотел использовать горизонтальную радиокнопку, но не знаю, как этого добиться. Любая помощь приветствуется, следуя моему коду: 

    <div wicket:id="divRadioButton">
    <table id="centeredTable">
            <tr>
            <td class="sixColumnsTable" align="right"><label wicket:id="lbRadioButtonFourMonths"></label> </td> 
            <td class="sixColumnsTable" align="left"><input wicket:id="radioButtonFourMonths" type="hidden"></input></td>
         
         
            <td></td>               
            <td class="sixColumnsTable" align="right"><label wicket:id="lbRadioButtonFreePeriodChoice"></label> </td> 
            <td class="sixColumnsTable" align="left"><input wicket:id="radioButtonFreePeriodChoice" type="hidden"></input></td>

            </tr>
    </table>
    </div>

Заранее спасибо

1 Ответ

1 голос
/ 13 июля 2020

Вот мое решение со свойством css flexbox. 

#radios {

  display:flex;
  flex-direction: column;

}
<div id="radios">
<label>First radio <input type="radio" name="radios" value="r1"></label>
<label>Second radio <input type="radio" name="radios" value="r2"></label>
<label>Third radio <input type="radio" name="radios" value="r3"></label>
<label>Fourth radio <input type="radio" name="radios" value="r4"></label>
</div>
...