日期:2014-05-17  浏览次数:20362 次

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宽度不够
------解决方案--------------------
宽度超出了吧

用分页控件省事

------解决方案--------------------
有强制不换行的样式