2016-07-16 75 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