2010-05-06 2 views
2

GridView 열에 대해 다음과 같은 마크 업이 적용되는 이유는 내 이미지 단추가 왼쪽으로 정렬되어 나타나는 이유는 무엇입니까?ImageButton이 중심에 맞춰지지 않음

<ItemStyle HorizontalAlign="Center" Width="55px" /> 
<ItemTemplate> 
    <asp:ImageButton ID="removeButton" runat="server" 
     ImageUrl="~/Images/Icons/x-m.png" 
     CommandArgument='<%# Eval("ResourceId") %>' 
     AlternateText="Remove Button" 
     onclick="removeButton_Click" /> 
</ItemTemplate> 

답변

1

CSS를 사용할 수 있습니까? 당신은 다음과 같은 CSS를 사용하여 더 나은 행운 스타일링을 할 수 있습니다.

x-m.png의 너비가 25px라고합시다.

.X { width: 55px; } 
.Y { display: block; margin: 0 auto; width: 25px; } 

<ItemStyle cssClass="X" /> 
<ItemTemplate> 
     <asp:ImageButton ID="removeButton" runat="server" 
     ImageUrl="~/Images/Icons/x-m.png" 
     CommandArgument='<%# Eval("ResourceId") %>' 
     AlternateText="Remove Button" 
     onclick="removeButton_Click" 
     cssClass="Y"/> 
</ItemTemplate> 
+0

마지막으로 시도하지 못했습니다. 나중에 다시 시도해 보겠습니다. – ProfK

+0

예, 맞았습니다 - 대답을 업데이트했습니다. 단추와 포함 된 블록 모두 스타일을 지정해야합니다. – Steve

관련 문제