html - 防止文本自动换行，最小宽度？

Question

我刚刚开始使用 Web，我的首要任务之一是修复一些跨浏览器 UI 问题。在 Firefox 和 Internet Explorer 中，这段代码看起来不错:

<div id="readTypeBtns" style="text-align: left;margin-left: -30px">
    <label class="radio inline">
    <input value="First Read" id="firstread" type="radio">First Read</label>
    <label class="radio inline">
    <input value="Second Read" id="secondread" type="radio">Second End</label>
</div>

当我在 Chrome 中查看此内容时，文本 First Read 和 Second Read 自动换行，这使得单选按钮和文本不在同一行。我想知道为什么会这样。我玩了一下，我发现我可以为每个硬编码一些最小宽度，但这对我来说似乎不是一个“最佳”解决方案。有什么想法吗？提前致谢!

Answer 1

使用 CSS white-space属性:

label {
    white-space: nowrap;
}