2013-03-11 80 views
-1

嘿,我的问题很简单,我试图做一个按钮,就像你可以在VB中获得的形式。例如,我想在我的按钮中输入一些文字,我也想在其中放置一张图片。唯一的问题是,在VB.net中只有两种类型的按钮,第一种是带有图像的按钮,根本没有文本,第二种是只有文本的按钮。我发现的唯一方法是将图像放在背景中。不幸的是,图像正在按下按钮中的所有空间。我想知道是否有对齐回地面图像向左或向右例如如何使用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

+1

[你有什么试过?](http://whathaveyoutried.com) – Shauna 2013-03-11 14:31:24

回答

1

我试过把图像与CSS背景,但我的文字是在日e图片

这就是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

相关问题