Столбец таблицы должен оставаться в одной строке (HTML/CSS/Javascript)

Question

Так что у меня проблема на my entrepreneur business opportunity rating matrix: Я бы хотел, чтобы радиокнопки оставались на одной линии. Проблема в том, что я не знаю, как я должен обрабатывать, потому что если я дам фиксированную минимальную ширину для ячейки, я не уверен, что она будет отображаться правильно в других браузерах, и если ячейка будет большой, я потеряю выравнивание переключателей.

У вас, ребята, есть трюк CSS/Javascript (jQuery), который исправит это?

Спасибо

Answer 1

Это просто: Просто добавьте white-space: nowrap; к вашему тд.

Answer 2

Я бы пересмотрел схему стола (обратите внимание, что это быстрое и грязное решение), чтобы поместить кнопки под ярлыками (вы сохраняете место в меньших размерах окна).

<tr class="even"> 
    <td rowspan="2">Customer atlernatives</td> 
    <td class="col_g left-aligned">A lot</td> 
    <td class="col_d right-aligned">Few</td> 
</tr> 
<tr class="even"> 
    <td class="col_m centered"> 
    <form method="post" action="action" class="bz_op_val"> 
     <input type="radio" value="4" name="38"> 
     <input type="radio" value="3" name="38"> 
     <input type="radio" value="2" name="38"> 
     <input type="radio" value="1" name="38"> 
     <input type="radio" value="0" name="38"> 
    </form> 
    </td> 
</tr> 

лучшее решение должно быть, мне:

<tr class="even"> 
    <td>Customer atlernatives</td> 
    <td> 
    <div class="col_g left-aligned">A lot</div> 
    <div class="col_d right-aligned">Few</div> 
    <form method="post" action="action" class="bz_op_val cleared-both-centered"> 
     <input type="radio" value="4" name="38"> 
     <input type="radio" value="3" name="38"> 
     <input type="radio" value="2" name="38"> 
     <input type="radio" value="1" name="38"> 
     <input type="radio" value="0" name="38"> 
    </form> 
    </td> 
</tr>