asp.net - 文本太长的 ASP GridView 中的 CSS 问题

Question

我在我的 ascx 控件上显示一个允许直接编辑数据的 GridView 。其中一个字段是最多 50 个字符的文本字段。如果我达到这个限制并尝试编辑单元格，它看起来如下:

这是正确的。但是，当我尝试编辑另一个单元格时，结果如下:

“Mettre à jour”按钮分崩离析， GridView 在右侧重叠。

我尝试使用 css 来克服这个问题:溢出、添加边距或填充、文本对齐等。到目前为止，没有任何方法可以帮助我克服这个问题，我已经没有想法了。任何帮助都会很棒。谢谢

在按钮上使用 inline:block 更接近我的需要(我希望它像第一个屏幕截图一样):

我的代码<asp:GridView>

<asp:GridView ID="GridViewSurveillancesActives" runat="server" 
    AutoGenerateColumns="False" 
    AutoGenerateEditButton="True" DataKeyNames="ID" 
    DataSourceID="odsSurveillancesActives" EnableModelValidation="True" 
    style="margin-right: 1px" 
    onrowupdated="GridViewSurveillancesActives_RowUpdated" 
    onrowdatabound="GridViewSurveillancesActives_RowDataBound" 
    AutoGenerateDeleteButton="True" CellPadding="5" 
    onrowdeleted="GridViewSurveillancesActives_RowDeleted" Font-Size="Small" 
    AllowPaging="True" AllowSorting="True">
    <Columns>
        <asp:BoundField DataField="CreationDate" DataFormatString="{0:d}" 
            HeaderText="Date de création" ReadOnly="True" 
            SortExpression="CreationDate" />
        <asp:BoundField DataField="ParamName" HeaderText="Secteur" ReadOnly="True" 
            SortExpression="ParamName" />
        <asp:TemplateField HeaderText="Début" SortExpression="ValidFrom">
            <EditItemTemplate>
                <asp:TextBox ID="gridViewDateDebut" class="datepicker" runat="server" Text='<%# Bind("ValidFrom", "{0:d}") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server" Text='<%# Bind("ValidFrom", "{0:d}") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Fin" SortExpression="ValidTo">
            <EditItemTemplate>
                <asp:TextBox ID="gridViewDateFin" class="datepicker" runat="server" Text='<%# Bind("ValidTo","{0:d}") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label2" runat="server" Text='<%# Bind("ValidTo", "{0:d}") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Commentaire" SortExpression="Comment">
            <EditItemTemplate>
                <asp:TextBox ID="Comment" runat="server" Text='<%# Bind("Comment") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label3" runat="server" Text='<%# Bind("Comment") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Answer 1

尝试给按钮添加样式

display: inline-block;