Position CSS un bouton à l'intérieur de la cellule gridview (ASP.NET)

Question

J'ai eu du mal à positionner le bouton edit dans une cellule gridview dans le coin supérieur droit de la cellule. La hauteur de la ligne varie d'une ligne à l'autre, donc je ne peux pas utiliser la hauteur CSS et le div intérieur ne remplit pas toute la hauteur de la ligne. Fondamentalement, je veux que tous les divs à l'intérieur du champ de modèle (td) soient la même hauteur que toute la ligne du tableau (tr). J'ai joint deux photos de ce que je reçois et de ce que je veux. Quelqu'un peut-il aider?

<asp:TemplateField HeaderText="Префикс GS1" SortExpression="gs1prefix"> 
    <ItemTemplate> 
     <div style="width:110px;"> 
      <div style="top:0;right:0"> 
       <div style="font-size:0.6em;"> 
        <asp:LinkButton runat="server" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" /> 
       </div> 
      </div> 
      <asp:Label runat="server" Font-Bold="true" ID="lblPartnersGs1Prefix" Text='<%# Eval("gs1prefix") %>' /> 
     </div> 
    </ItemTemplate> 
</asp:TemplateField 

ce que je reçois:

Ce que je veux:

MISE À JOUR: VOICI HTML généré:

<td align="center" valign="middle"> 
    <div style="width:110px;"> 
     <div style="top:0;right:0"> 
      <div style="font-size:0.6em;"> 
       <a id="ContentPlaceHolder1_gvPartners_lnkEdit2_0" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gvPartners$ctl02$lnkEdit2','')">(Изменить)</a> 
      </div> 
     </div> 
     <span id="ContentPlaceHolder1_gvPartners_lblPartnersGs1Prefix_0" style="font-weight:bold;">501028410</span> 
    </div> 
</td> 

et le fragment de feuille de style:

.ColoredGridView{ 
    background-color:white; 
} 

.ColoredGridView td { 
    background-color: #9deef1; 
    border-style: none; 
    border-width: 0; 
    padding: 8px; 
} 

.ColoredGridView td a 
{ 
    border-bottom: 1px dotted; 
    text-decoration-line:none; 
} 

Answer 1

Il y a deux façons que vous pouvez aborder ce

<asp:LinkButton runat="server" cssClass="myClass" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" /> 

et dans votre CSS créer une classe, puis le positionner la façon dont vous avez besoin

ou

<asp:LinkButton runat="server" style="text-align: right; vertical-align: top;" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" />