C# Asp.net Ajax控件工具包-同一行上的切换按钮
我正在使用的切换按钮 在我的页面上,我需要以下布局(全部在一行上): 切换按钮|文本框|按钮|按钮|切换按钮 问题 目前我有这样的布局: 切换按钮|文本框|按钮|按钮| 切换按钮 切换按钮代码C# Asp.net Ajax控件工具包-同一行上的切换按钮,c#,asp.net,html,.net,ajaxcontroltoolkit,C#,Asp.net,Html,.net,Ajaxcontroltoolkit,我正在使用的切换按钮 在我的页面上,我需要以下布局(全部在一行上): 切换按钮|文本框|按钮|按钮|切换按钮 问题 目前我有这样的布局: 切换按钮|文本框|按钮|按钮| 切换按钮 切换按钮代码 <asp:CheckBox ID="CheckBoxToggleTips" runat="server" AutoPostBack="true" OnCheckedChanged="CheckBoxToggleTips_CheckedChanged" /> <ajaxTool
<asp:CheckBox ID="CheckBoxToggleTips" runat="server" AutoPostBack="true"
OnCheckedChanged="CheckBoxToggleTips_CheckedChanged" />
<ajaxToolkit:ToggleButtonExtender ID="ToggleTips" runat="server"
TargetControlID="CheckBoxToggleTips"
ImageWidth="32"
ImageHeight="32"
CheckedImageAlternateText="Hide Tips"
UncheckedImageAlternateText="Show Tips"
UncheckedImageUrl="~/Images/lightbulboff.png"
CheckedImageUrl="~/Images/lightbulbon.png" />
<div class="title">
<span id="mainContentPlaceHolder_LabelDepartment">A&H</span> Risks<br>
<div style="position: relative;">
<a id="mainContentPlaceHolder_CheckBoxToggleTips_ToggleButton" href="" style="position: absolute;
left: 0px; top: 0px; width: 32px; height: 32px; font-size: 32px;
background-image:url(http://localhost:10833/Images/lightbulboff.png);
background-repeat: no-repeat no-repeat;" title="Show Tips">
</a>
</div>
</div>
上面的样式属性是自动生成的。所以我的问题是我怎样才能用我自己的风格来代替这个?或者如何编辑左
和顶
值
谢谢如果第二个ToggleButton的css与第一个相同,那么它就没有理由位于第二行。我建议使用CssClass属性,并确保它使用与第一个ToggleButton相同的类。您很可能已经用完了宽度,所以将整个内容包含在一个外部DIV中,并适当地设置宽度。希望这有帮助 看起来像是页面布局问题:检查缺少的结束标记
希望这会有所帮助
你好,Alex,你可以用CSS解决这个问题
#mainContentPlaceHolder_LabelDepartment{
margin:0;
padding: 2px;
width: 223px;
float:left;
height:450px;
position: relative;
}
此示例代码您可以创建自己的代码来设置切换按钮的样式
希望对你有帮助