-1

嘿，我的问题很简单，我正在尝试做一个与您可以以 vb 形式获得的按钮完全相同的按钮。例如，我想要在我的按钮中添加一些文本，并且我还想要其中的图像。唯一的问题是在 VB.net 中只有两种类型的按钮，第一种是带有图像且根本没有文本的按钮，而第二种是只有文本的按钮。我发现的唯一方法是将图像放在背景中。不幸的是，图像占用了按钮中的所有空间。我想知道是否有办法将背景图像向左或向右对齐

这是我的按钮的 HTML 代码：

<asp:Button ID="btn_LoadReport" runat="server" Text="Charger" 
   style="margin-left: 0px; margin-bottom: 0px; margin-right:0px;"                                                   
                            Height="35px" Width="102px" 
                            CssClass="Charger" />

这是我目前拥有的css代码：

.Charger
{
    background-image:url(report.png);
    background-repeat:no-repeat;
    text-align:left;    
}

谢谢

4

1 回答 1

1

我尝试使用 CSS 将图像放在背景中，但我的文字在图像上方

这就是background-position属性的用途。

<button>Text</button>

button {
    padding-right:40px;
    background-image:url(myImage.png);
    background-repeat:no-repeat;
    background-position:center right;
}

请注意，该padding-right属性用于防止文本与图像重叠。

JSFiddle 示例。

于 2013-03-11T14:58:49.330 回答