html 如何让div换行,如何强制div换行

本文讨论了在前端开发中遇到的一个布局挑战:如何将帮助文字(.help-block)从输入框的虚线边框下方换行显示。通过分析提供的CSS样式,如.new-border和.row-fluid>div的样式,以及.help-block的display属性,提出了调整布局以实现文字换行的解决方案。对于开发者来说,理解CSS布局和选择器的应用是解决此类问题的关键。
摘要由CSDN通过智能技术生成

下面这个 help-block 的文字总是和虚线框同一行

有没有什么方法让其换行?

bVSOCw?w=662&h=89

当前手机号

选项:

value="{effect_mode_1}">等额本息

value="{effect_mode_2}">等额本金 A

value="{effect_mode_3}">等额本金 B

value="{effect_mode_4}">到期还本付息

点击上述按钮选择,根据您的当前资金状况,以及您的风险意识,选择适合您的方案,以上述说明为主

FYI:

上面还有几层 div

其中

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

.row-fluid>div {

width: 100% !important;

margin: 0 !important;

}

.help-block,

.help-inline {

color: #707070;

font-size: 11px;

text-shadow: 0 1px 0 #fff;

}

.help-block {

display: block;

margin-top: 3px;

margin-bottom: 8px;

margin-left: 1px;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值