读书人

div页面格局跳行显示

发布时间: 2013-09-05 16:02:07 作者: rapoo

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宽度不够
[解决办法]
宽度超出了吧

用分页控件省事

[解决办法]
有强制不换行的样式

读书人网 >asp.net

热点推荐