1

尝试居中对齐复选框，该复选框使用重复器显示每条记录。

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;
}

但无济于事......有什么想法吗？

谢谢你

4

3 回答 3

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.

于 2013-03-12T16:17:15.763 回答
1

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

<ItemTemplate>
  <tr>
    <td style="width:200px; text-align: center;">
      <input type="checkbox" name='<%# CallUtilityChangeId((int)Eval("CompanyId")) %>'
      <%# SetCheckboxValue((bool)Eval("Contacted"))%> />
    </td>
  </tr>
</ItemTemplate>
于 2013-03-12T16:19:33.363 回答
0

在复选框上应用居中对齐

于 2013-03-12T16:17:01.200 回答