我刚刚开始使用网络,我的首要任务之一是修复一些跨浏览器 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 自动换行,这使得单选按钮和文本不在同一行。我想知道为什么会这样。我玩了一会儿,发现我可以为每个硬编码一些最小宽度,但这对我来说似乎不是一个“最佳”的解决方案。有什么想法吗?提前致谢!