保持子弹在同一条线上

Question

我有同一组的单选按钮，但无法弄清楚如何强制它们都在同一行。有没有人有任何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;
}

Answer 1

是。由于它们被视为内联元素，因此您应该能够在父元素上使用white-space: nowrap;。像这样：

#ownership {
    white-space: nowrap;
}

Answer 2

没有一般理由说明他们不在一条线上。您使用的所有元素都是内联元素，因此它们遵循页面流。可能存在两个原因，为什么不适合您：

1. 在包含元素中没有足够的空间，因此该行必须像其他所有文本一样被包裹

2. 您有更改默认行为的样式规则。

您发布的屏幕截图表明此处为1。因此，您必须注意扩大包含元素，或者，如果是自动调整大小，则要防止单选按钮行中的换行符。在这种情况下尝试使用white-space: nowrap;。

Answer 3

尝试显示：内联块和％https://jsfiddle.net/ow7Lsz7z/

中的宽度

self.performSegueWithIdentifier("Nextview", sender: self) 

Answer 4

尝试在<frame>子弹</frame>

之间编写代码