c# - 如何在运行时更改选项卡的背景图像？

Question

这对我来说是最复杂的部分。我在页面中有标签。每个选项卡都有一个固定长度的背景图像。因此，当选项卡的文本较大时(“安排帮助”)，它会在一行中显示“安排”，在下方显示“帮助”。我的目标是在一行中显示安排和帮助。标签必须可定制。我正在为常规标签使用 css。

#tabs a {
float:left;
background:url("../images/selection_deselect_bg.jpg") no-repeat right top;
margin:0;
text-decoration:none;
width:105px;
text-align:center;
height:24px;
font-size:12px;
color:#00779c;
font-weight:bold;
text-decoration:none;

}.

在aspx页面中，tabs是这样定义的

 <div id="tabs">
            <ul>
                <span id="Tab1" runat="server">
                    <li id="li1"><a <%=strpage1anchor%> <%=page1display%>><span style="text">
                        <asp:Literal ID="litPage1" runat="server"></asp:Literal></span></a></li>
                </span>

我有一个更大的图像，我能够在选项卡中获得文本的大小。但是如何为选项卡使用更大的图像？如何在运行时使用更改背景。请帮帮我!!非常感谢..

Answer 1

white-space:nowrap 将解决您的换行问题。

在运行时更改固定宽度选项卡的宽度对我来说有点傻。也许您正在寻找的是 min-width 样式。

请记住，您的背景图片无法在大多数浏览器中拉伸(stretch)或缩放。