ASP.NET GridView - HyperlinkField

Question

我试图在ASP.NET网格视图中添加两个超链接字段，但网站上显示的图标大小不同。有人知道如何通过使图标大小看起来相等来解决这个问题吗？

<asp:GridView ID="gvProdCategory" runat="server" AutoGenerateColumns="False" DataKeyNames="CategoryID" DataSourceID="SqlDataSource1" CssClass="table table-striped table-hover" AllowPaging="True" AllowSorting="True" HorizontalAlign="Center">
<Columns>
<asp:BoundField DataField="CategoryID" HeaderText="Category ID" InsertVisible="False" ReadOnly="True" SortExpression="CategoryID">
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="CatName" HeaderText="Category" SortExpression="CatName" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle>
</asp:BoundField>
<asp:BoundField DataField="CatDesc" HeaderText="Descriptions" SortExpression="CatDesc" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle>
</asp:BoundField>
<asp:HyperLinkField DataNavigateUrlFields="CategoryID" DataNavigateUrlFormatString="category-edit.aspx?CategoryID={0}" Text="&lt;i class=&quot;fa fa-edit&quot;&gt;&lt;/i&gt;" HeaderText="Edit" >
<ControlStyle CssClass="edit" />
</asp:HyperLinkField>
<asp:HyperLinkField Text="&lt;i class=&quot;fa-solid fa-circle-minus&quot;&gt;&lt;/i&gt;" HeaderText="Delete">
<ControlStyle CssClass="delete" />
</asp:HyperLinkField>
</Columns>
<HeaderStyle HorizontalAlign="Center" />
<RowStyle HorizontalAlign="Center" />
</asp:GridView>

当前显示在这里：

Answer 1

您可以使用字体大小来保持图标大小相等，您的网站css将覆盖字体awsome css 的一些属性

Text="<i class='fa fa-print' aria-hidden='true' style='font-size: 1.5em;'></i>"