ASP GridView中的CSS问题，文本太长

Question

我在我的ascx控件上显示了一个允许直接编辑数据的gridview。其中一个字段是一个最多可包含50个字符的文本字段。如果我达到此限制并尝试编辑单元格，则显示如下：

哪个是对的。但是，当我尝试编辑另一个单元格时，会产生以下结果：

“Mettreàjour”按钮落在appart上，gridview重叠在右边。

我试图用css克服这个问题：溢出，添加边距或填充，文本对齐等等。到目前为止，没有什么能帮助我克服这个问题而且我已经没想完了。任何帮助都会很棒。感谢

使用内联：按钮上的块已经接近我的需要（我希望它在第一个屏幕截图中）：

我的<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;