asp.net – 图像按钮差距
发布时间:2020-12-16 06:56:31 所属栏目:asp.Net 来源:网络整理
导读:我的页面上没有任何CSS. 如果我将2个图像按钮控制在2行代码中,如下所示: asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='%#Eval("ID")%' CommandN
我的页面上没有任何CSS.
如果我将2个图像按钮控制在2行代码中,如下所示: <asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='<%#Eval("ID")%>' CommandName="VoteUp" /> <asp:ImageButton ID="btnVoteDown" Height="16px" Width="16px" runat="server" CausesValidation="false" ImageUrl="images/thumbs_down.gif" CommandArgument='<%#Eval("ID")%>' CommandName="VoteDown" /> 我在图片上看到了一个空隙(顶行). <asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='<%#Eval("ID")%>' CommandName="VoteUp" /><asp:ImageButton ID="btnVoteDown" Height="16px" Width="16px" runat="server" CausesValidation="false" ImageUrl="images/thumbs_down.gif" CommandArgument='<%#Eval("ID")%>' CommandName="VoteDown" /> 我没有看到图片(第二行)上看到的差距. alt text http://img153.imageshack.us/img153/3817/83160966.jpg 如何在不将图像按钮放在一行的情况下消除此间隙? 这是生成的标记: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <form name="form1" method="post" action="Default2.aspx" id="form1"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMTIxNjc1NjlkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYCBQlidG5Wb3RlVXAFC2J0blZvdGVEb3duh1gAW23G9CSHTqWHtf1jVb+auJw=" /> </div> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLQ9PKkAgKUxN/UAgLruYmsBra/X3TDmu9s+nIDB4+xY93e6ZqR" /> </div> <div> <input type="image" name="btnVoteUp" id="btnVoteUp" src="images/thumbs_up.gif" style="height:16px;width:16px;border-width:0px;" /> <input type="image" name="btnVoteDown" id="btnVoteDown" src="images/thumbs_down.gif" style="height:16px;width:16px;border-width:0px;" /> </div> </form> </body> </html> 解决方法
你可以将它们包装在一个字体大小为0px的元素中 – 这会将空间缩小到Firefox中的任何值,而IE中则为1px.它可能不理想,但会起作用.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – ASP.NET MVC中的动态(运行时生成)表单
- asp.net-mvc – FluentValidation Autofac ValidatorFactor
- asp.net – TinyMCE是否有任何有效的拼写检查插件
- asp.net-mvc-5 – Windows身份验证在ASP.NET MVC 5网络应用
- asp.net-mvc – ICommandHandler / IQueryHandler with asy
- ASP.Net分层应用程序 – 在层之间共享实体数据模型
- asp.net-mvc – 复杂视图模型中的多个表单 – 如何只绑定其
- asp.net – Sitecore:Sitecore.Web.WebUtil.Redirect对Res
- asp.net – 我如何做一个已经内置到dll中的程序集,特别是fl
- .net – 扩展自定义成员资格提供程序
推荐文章
站长推荐
热点阅读