Удержание пули в одной строке

У меня есть радиокнопки той же группы, но не могу понять, как заставить их всех находиться на одной линии. У кого-нибудь есть какие-либо трюки CSS для того, чтобы держать их всех в одной строке, а не отбрасывать последнюю пулю на следующую строку?Удержание пули в одной строке

<div id="ownership"> 
     <label class='radiolabel'> 
    <input type="radio" name="ownership" required="yes" value="BOAT MCO" />Manufacturer's Statement of Origin</label> 
    <label class='radiolabel'> 
    <input type="radio" name="ownership" value="BOAT FL Title" />Florida Certificate of Title</label> 
    <label class='radiolabel'> 
    <input type="radio" name="ownership" value="BOAT OOS Title" />Out-of-state Certificate of Title</label> 
    <label class='radiolabel'> 
    <input type="radio" name="ownership" value="TN Required" />I do not have any of these</label> 

</div> 

#ownership input[type=radio]{ 
    margin:3px; 
    margin-left:10px; 
}

источник

2015-08-13 Zane Z

, что вы имеете в виду «держать их на одна и та же линия "? –

У родителя есть фиксированная ширина? Если это так, возможно, это просто не подходит. – timo

Кажется, что это связано с вашим CSS, не могли бы вы его предоставить –

Да. Поскольку они считаются встроенными элементами, вы должны иметь возможность использовать white-space: nowrap; для родителя. Как так:

#ownership { 
    white-space: nowrap; 
}

источник

2015-08-13 14:16:00 BDawg

Я приму этот ответ за 10 минут, когда он позволит мне –

Рад, что это помогло. :) Как отмечали другие люди, это может иметь странные последствия для вашего дизайна. Весь этот текст останется на одной линии, даже если он слишком длинный, чтобы соответствовать. Это означает, что он может продолжаться мимо правого края его контейнера/страницы, если вы не будете осторожны. – BDawg

Там нет общей причины, почему они должны не быть на одной линии. все элементы, которые вы используете, являются встроенными элементами, поэтому они отслеживают поток вашей страницы. Две причин могут существовать, почему это не дела для вас:

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

Представленный скриншот показывает, что 1. здесь. Поэтому вам нужно позаботиться о том, чтобы либо расширить ваш содержащий элемент, либо, если он был авторазмер, чтобы предотвратить разрыв строки в строке переключателей. Попробуйте использовать white-space: nowrap; в этом случае.

источник

2015-08-13 14:15:47 arkascha

Try дисплей: встроенный блок и ширина в% https://jsfiddle.net/ow7Lsz7z/

label{ 
    display:inline-block; 
    width:22%; 
    margin-left:2%; 
}

источник

2015-08-13 14:20:37

Try, чтобы написать свой код между <frame> Вашими пулями </frame>

источник

2015-08-13 14:23:38 krusty

Пожалуйста, расширьте это, чтобы превратить его в полноценный ответ! Благодаря! –

Удержание пули в одной строке

ответ

Смежные вопросы