Nút trông giống như liên kết

Question

Xin chào Tôi có một yêu cầu mà tôi không được phép sử dụng javascript trên trang. Tôi đã có một số asp:LinkButtons nhưng dường như sử dụng javascript vì vậy tôi thay thế chúng với các nút:

<asp:Button ID="titleButton" runat="server" BorderStyle="None" CommandArgument='<%# Eval("Id") %>' OnClick="downloadButtonClick" Text="Download" CssClass="ButtonAsLink" /> 

với css:

.ButtonAsLink 
{ 
    background-color:transparent; 
    border:none; 
    color:blue; 
    cursor:pointer; 
    text-decoration:underline; 
    font-weight:bold 
} 

này hoạt động như tôi đã muốn nhưng các văn bản của các nút không xếp hàng với các nhãn trong cùng một cột do các lề giữa cạnh của nút và văn bản.

Tôi tự hỏi liệu có ai có thể cho tôi biết cách đặt lề văn bản của nút thành 0 không?

Answer 1

.ButtonAsLink{ 
    background-color:transparent; 
    border:none; 
    color:blue; 
    cursor:pointer; 
    text-decoration:underline; 
    font-weight:bold; 
    padding: 0px; 
} 

Đặt phần tử đệm thành 0px nếu bạn muốn xóa tất cả phần đệm hoặc bạn có thể sử dụng thuộc tính như thế này.

padding: 0px 0px 0px 0px; 

Tất nhiên bạn có thể có bất kỳ giá trị số dương nào thay cho số không. định hướng của padding trong thuộc tính này vì nó liên quan đến valuesis số:

padding: dưới bên phải phía trên bên trái

lưu ý cuối: Margin là khoảng cách xung quanh một yếu tố và các yếu tố khác xung quanh nó. Đệm là khoảng cách của khu vực bên trong một phần tử (ví dụ: văn bản bên trong a)

Answer 2

Điều gì về việc đặt lề và đệm trong phong cách của bạn?

Answer 3

Ở đây, tôi đặt một chút gì đó với nhau có thể phù hợp với bạn. Nó không hoàn hảo, nhưng có thể là điểm khởi đầu cho bạn.

http://jsfiddle.net/Gj9R6/1/