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

ItemTemplate では、「th」の代わりに「td」タグが必要だと思います;)「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 に答える
1

そこにあるcssは、テキストボックス内のテキストを中央揃えにします。テキストボックス自体を整列させるには、同じ 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>

の style タグに追加しますth。

于 2013-03-12T16:17:15.763 に答える
0

チェックボックスの中央揃えを適用する

于 2013-03-12T16:17:01.200 に答える