Question

嘿，我的问题非常简单，我正在尝试按下你可以用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;    
}

THX

Answer 1

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

这是background-position attribute的用途。

<button>Text</button>

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

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

JSFiddle example

如何在VB.net中创建带有文本的图像按钮？

1 个答案: