Question

尝试对齐一个复选框，该复选框使用每个记录的转发器显示。

asp:Repeater id="rptSelected" runat="server">
<HeaderTemplate>
  <table class="detailstable FadeOutOnEdit">
    <tr>
      <th style="width:200px;">Contacted</th>
    </tr>
 </HeaderTemplate>

<ItemTemplate>
  <tr>
    <th style="width:200px;">
      <input type="checkbox" class="AlignCheckBox" name='<%# CallUtilityChangeId((int)Eval("CompanyId")) %>'
       <%# SetCheckboxValue((bool)Eval("Contacted"))%> />
    </th>
  </tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

使用：

    .AlignCheckBox
{
    text-align: center;
}

但无济于事......任何想法？

谢天谢地

Answer 1

您在那里使用的CSS将使文本框中的文本居中对齐。为了对齐文本框本身，您需要在texbox的容器上使用相同的css。

一个简单的例子是：

th {
    text-align: center;
}

至于你的确切代码，你可以逃脱这个：

<ItemTemplate>
  <tr>
    <th style="width:200px; text-align: center;">
      <input type="checkbox" class="AlignCheckBox" name='<%# CallUtilityChangeId((int)Eval("CompanyId")) %>'
       <%# SetCheckboxValue((bool)Eval("Contacted"))%> />
    </th>
  </tr>
</ItemTemplate>

将其添加到th。

的样式标记中

Answer 2

在ItemTemplate中，我认为你想要“td”标签而不是“th”;）并添加“text-align：center;”到style属性：

<ItemTemplate>
  <tr>
    <td style="width:200px; text-align: center;">
      <input type="checkbox" name='<%# CallUtilityChangeId((int)Eval("CompanyId")) %>'
      <%# SetCheckboxValue((bool)Eval("Contacted"))%> />
    </td>
  </tr>
</ItemTemplate>

Answer 3

在中心复选框上应用中心对齐

asp.net中心对齐复选框

3 个答案: