webdiyer 的 aspnetpager 分页控件 数字按纽紧靠一起的解决方法:
1:aspnetpager版本为4 开发环境为vs2005;
2 控件的pagingbuttonspacing 设置为20px;
但 网页运行的结果是 pagingbuttonspacing 根本没有起作用. 数字紧靠在一起, 非常难看, 查了 webdiyer 的留言版也没有找到好的解决方法, 版主说是浏览器的问题.
最根本的原因是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
引起的, 网页要符合w3c标准.
标准规定 <span> 标记为内联标记 display:inline ; 而 内联标记定义的width, height 是无效的, 因为他不是容器block;
要想让他生效就得定义 <span style="display:block;width:10; height:20px">;
查看控件生成的静态代码后设置一下css
.aspNetPage_spanStyle font,.aspNetPage_spanStyle a, .aspNetPage_spanStyle span
{
display:block; display:inline
float:left;
}
.aspNetPage_spanStyle a
{
background-color:#f6f6f6;
cursor:hand;
}
主要是第一个css样式起作用;
我的aspNetPage 控件在页面中的标记为
<div><webdiyer:aspnetpager CssClass="aspNetPage_spanStyle" id="AspNetPager1" runat="server" nextpagetext="<span style='color:red;font-weight:bold'>【下一页】</span>"
onpagechanged="AspNetPager1_PageChanged" pagesize="20" pagingbuttonspacing="15px"
prevpagetext="<span style='color:red;font-weight:bold'>【上一页】</span>" showdisabledbuttons="true"
showfirstlast="false" showinputbox="Never" showpageindex="true" width="100%"></webdiyer:aspnetpager><div style="clear:both"></div></div>
</div>
定义了 两个div , 外边的div就不说了, 里边的div是清除浮动层用的;
结束;
我的方法有些麻烦, 不过解决了我的问题, 如果你有更好的代码请 留言; 多谢;