div页面布局跳行显示
<div style="text-align: center; margin-top: 5px">@Html.Pager(Model).Last("尾页").First("首页").Next("下一页").Previous("上一页").QueryParam("id").Format("总<div class='divPageOne inline'>{2}</div>条,当前<div class='divPageTwo inline'>{0} - {1}</div>条<div class='divPageThree inline'></div>")</div>
.divPageOne {
display: inline-block;
width: 35px;
}
.divPageTwo {
display: inline-block;
width: 60px;
}
.divPageThree {
display: inline-block;
width: 10px;
}
.inline {
*display: inline;
}
111-
总115条,当前 115条首页 | 上一页 | 下一页 | 尾页
如上所示 最上面是页面代码,下面是显示效果,当页数大于100之后就显示成两行了,请问这是什么原因啊?
------解决方案--------------------最外层div宽度不够
------解决方案--------------------宽度超出了吧
用分页控件省事
------解决方案--------------------有强制不换行的样式