我有以下html...
<div>
<input type="radio" value="some value">some text here<br />
<input type="radio" value="some value">some text here and long<br />
</div>
div 的宽度为 110 像素。当一些文本低于它时,它应该像这样在同一行。
o some text
o some text
and logn
这可以通过在代码中添加一些 CSS 来完成。
HTML:
<div>
<input type="radio" value="some value" />
<label>some text here</label>
<br />
<input type="radio" value="some value" />
<label>some text here and long</label>
<br />
</div>
CSS:
div {
width: 110px;
}
input[type="radio"] {
float: left;
}
label {
float: left;
width: 80%;
}
检查这个JSFiddle
试着把它放在这样的桌子上:
<div style="width: 110px;">
<table>
<tr>
<td><input type="radio" value="some value"></td>
<td>some text here</td>
</tr>
<tr>
<td><input type="radio" value="some value"></td>
<td>some text here and long</td>
</tr>
</table>
</div>