Entfernung der Lücke links neben den Einfügefeldern sowie die Lücke zwischen den beiden Schaltflächen?

Question

<asp:DetailsView ID="dtl_people" runat="server" AutoGenerateRows="False" DataKeyNames="personID" DataSourceID="dsrc_peopleObject" DefaultMode="Insert" CssClass="table-bordered table-striped" ControlStyle-Width="50%" ControlStyle-Height="200px" OnPageIndexChanging="dtl_people_PageIndexChanging" RowStyle-Wrap="False"> <FieldHeaderStyle Width="15%" /> <Fields> <asp:BoundField DataField="personID" HeaderText="personID" InsertVisible="False" ReadOnly="True" SortExpression="personID" /> <asp:BoundField DataField="lastName" HeaderText="lastName" SortExpression="lastName" ControlStyle-Width="100%"> </asp:BoundField> <asp:BoundField DataField="firstName" HeaderText="firstName" SortExpression="firstName" /> <asp:BoundField DataField="address" HeaderText="address" SortExpression="address" /> <asp:BoundField DataField="phone" HeaderText="phone" SortExpression="phone" ItemStyle-Width="350px"> <ItemStyle Width="350px"></ItemStyle> </asp:BoundField> <asp:CommandField ShowInsertButton="True" ButtonType="Button" ItemStyle-HorizontalAlign="Left" HeaderStyle-Wrap="False" /> </Fields> <InsertRowStyle Wrap="true"/> </asp:DetailsView>

I Lücke zwischen Tasten entfernen möchten, und auch Lücke links von Feld, in dem Sie Daten eingeben, danke

Answer 1

Das dafult Verhalten der Steuerung ASP.NET DetailsView ist Anzeige von Daten in einer Tabellenform mit keine Polsterung angewendet. Dies bedeutet, dass Sie irgendwo eine CSS-Stilregel haben, die dieses unerwünschte Verhalten verursacht.

Zum Glück ist dies recht einfach zu finden:

1. Führen Sie Ihre Web-Anwendung in Google Chrome.
2. Drücken Sie Strg + Umschalt + I, um die Entwicklerkonsole zu öffnen.
3. Klicken Sie auf die Registerkarte Elemente.
4. Rechtsklick auf das Element in der Seite, wo der Abstand Ausgabe geschieht und klicken
5. Schauen Sie sorgfältig die für die Stilregel Styles Abschnitt in der Entwicklerkonsole Überprüfen Sie, dass die unerwünschten Effekte verursacht und die notwendige machen Änderungen in der Stylesheet-Datei, um sie zu entfernen.

Beispiel: