我有2个html单选按钮(由< br />标签分隔),其中文本在单选按钮下包装,而不是与左缩进对齐(由于其包含div的大小).文本包装不是问题,问题是它在单选按钮本身下不正确地包装,而不是与上面的行中的文本对齐.我假设某人在级联中的某处设计了输入标签.我没有对这个页面附带的所有样式进行详尽的搜索,但是文本是否会自动正确包装,就像一个子弹列表？
如果没有,我将如何解决这个问题？我需要插入< br />标签,我想要线路断开,以便它们将正确对齐？
谢谢！
解决方法
首先,使用< br />通常不推荐,尝试使用边距CSS属性来创建元素之间的空间是更好的.
在这种情况下,最好使用CSS来做你想要做的事情.这是因为默认情况下,这些元素不会有这种行为.
在这种情况下,你会想要这样的东西：
<div style="width:300px">
<input type="radio" class="radioLeft" />
<div class="textBlock">
Some text that is too long to fit inline and must be broken
up over multiple lines.Some text that is too long to fit inline
and must be broken up over multiple lines.Some text that is too
long to fit inline and must be broken up over multiple lines.
</div>
<div style="clear:both;"></div> //this is important for repeated inputs
</div>
然后你的CSS将如下所示：
.radioLeft { float: left; } .textBlock { float: left; width: 80%; //Adjust this value to fit }
