2016-07-16 76 views
0

<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>enter image description here刪除插入區域左側的間隙以及兩個按鈕之間的間隙?

我想刪除按鈕也差距,在那裏你輸入詳細信息字段的左側差距,謝謝

+0

請添加要使用到的問題,然後從保證金簡單的CSS會做一個剃鬚刀代碼。 –

+0

修復您的圖片並添加代碼以顯示您的問題,否則將很快被刪除。 – Rob

+0

如果你爲這個設計提供代碼,你會嘗試什麼? –

回答

0

的ASP.NET DetailsView控制的dafult行爲是以表格形式顯示數據無填充應用。這意味着您有一個CSS樣式規則導致此不良行爲。

幸運的是,這是很容易找到:

  1. 運行在谷歌瀏覽器的Web應用程序。
  2. 按下Ctrl + Shift + I打開開發者控制檯。
  3. 單擊元素選項卡。
  4. 在間距問題發生在頁面右擊元素,然後單擊檢查仔細通過樣式在樣式規則引起不期望的作用開發者控制檯部分
  5. 查找並進行必要的更改樣式表文件以將其刪除。

例子: Inspecting CSS style rules in Google Chrome

相關問題