div 不能换行怎么办？

[guyeuro]

下面这个 help-block 的文字总是和虚线框同一行 有没有什么方法让其换行？

http://chuantu.biz/t6/3/1502642277x1989153963.png [img]http://chuantu.biz/t6/3/1502642277x1989153963.png[/img]

<div class="span10">
	<form:textarea path="StrategyEntity.financeSMS" id="financeSMS" maxlength="200" class="input-xxlarge" rows="4" htmlEscape="false"></form:textarea>
	<div>
        <button type="button" class="btn btn-default btn_template" value="{phoneNumber}">当前手机号</button>
		<div style="border:1px dashed #444444" class="span10">
	        <center><p><strong>选项：</strong><p/></center>
			<button type="button" class="btn btn-default btn_template"
					value="{effect_mode_1}">等额本息
			</button>
			<button type="button" class="btn btn-default btn_template"
					value="{effect_mode_2}">等额本金 A
			</button>
			<button type="button" class="btn btn-default btn_template"
					value="{effect_mode_3}">等额本金 B
			</button>
			<button type="button" class="btn btn-default btn_template"
					value="{effect_mode_4}">到期还本付息
			</button>
		</div>
    </div>
	<div  class="help-block" word-break:break-all;>点击上述按钮选择，根据您的当前资金状况，以及您的风险意识，选择适合您的方案，以上述说明为主
    </div>
</div>

<div class="span10">上面还有几层 div

<div class="new-border sf1 sf3">
<div class="formField" style="display:none">
<div class="row-fluid">
<div class="span10">

其中

.new-border{width:100%;border:1px solid #f1f1f1;margin:0 0 25px 0;float:left;}

.row-fluid>div {
width: 100% !important;
margin: 0 !important;
}

[IamJ]

span10 浮动了吧

如果是的话， .help-block { clear: both;}

[paloalto]

<div class="help-block" word-break:break-all;>

惊了，这啥写法？

还有，看下最外层的这个 <div class="span10"> ，span10 这个 class 是不是被设置成 display:inline 或者 display:inline-block 了？

[guyeuro]

@IamJ .help-block { clear: both;}

你是说要修改.help-block 的定义？
这个是 bootstrap.css 定义的，不是自定义的啊

[guyeuro]

@paloalto <div class="span10"> 这个 div 的上级的上级 div 有一个 .new-border{width:100%;border:1px solid #f1f1f1;margin:0 0 25px 0;float:left;}

这种状况如何换行？