<small id='Gs4Cc'></small><noframes id='Gs4Cc'>

      <i id='Gs4Cc'><tr id='Gs4Cc'><dt id='Gs4Cc'><q id='Gs4Cc'><span id='Gs4Cc'><b id='Gs4Cc'><form id='Gs4Cc'><ins id='Gs4Cc'></ins><ul id='Gs4Cc'></ul><sub id='Gs4Cc'></sub></form><legend id='Gs4Cc'></legend><bdo id='Gs4Cc'><pre id='Gs4Cc'><center id='Gs4Cc'></center></pre></bdo></b><th id='Gs4Cc'></th></span></q></dt></tr></i><div id='Gs4Cc'><tfoot id='Gs4Cc'></tfoot><dl id='Gs4Cc'><fieldset id='Gs4Cc'></fieldset></dl></div>
      • <bdo id='Gs4Cc'></bdo><ul id='Gs4Cc'></ul>
      <tfoot id='Gs4Cc'></tfoot>
    1. <legend id='Gs4Cc'><style id='Gs4Cc'><dir id='Gs4Cc'><q id='Gs4Cc'></q></dir></style></legend>

      1. 标签下方的中心单选按钮

        时间:2023-10-20
          <legend id='t9qkP'><style id='t9qkP'><dir id='t9qkP'><q id='t9qkP'></q></dir></style></legend>
        • <tfoot id='t9qkP'></tfoot>
        • <small id='t9qkP'></small><noframes id='t9qkP'>

            <tbody id='t9qkP'></tbody>

              <bdo id='t9qkP'></bdo><ul id='t9qkP'></ul>

                  <i id='t9qkP'><tr id='t9qkP'><dt id='t9qkP'><q id='t9qkP'><span id='t9qkP'><b id='t9qkP'><form id='t9qkP'><ins id='t9qkP'></ins><ul id='t9qkP'></ul><sub id='t9qkP'></sub></form><legend id='t9qkP'></legend><bdo id='t9qkP'><pre id='t9qkP'><center id='t9qkP'></center></pre></bdo></b><th id='t9qkP'></th></span></q></dt></tr></i><div id='t9qkP'><tfoot id='t9qkP'></tfoot><dl id='t9qkP'><fieldset id='t9qkP'></fieldset></dl></div>
                • 本文介绍了标签下方的中心单选按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  假设我有一些单选按钮,其标签如下所示:

                  Let's say I have some radio buttons with their labels looking like this:

                  <label for="my_radio_button_id">My Label</label>
                  <input type="radio" name="radio" id="my_radio_button_id" />
                  

                  如何将每个单选按钮置于其相应标签下方的中心并水平对齐?

                  How do I center each radio button below its corresponding label and align it horizontally?

                  推荐答案

                  FIDDLE

                  .checkboxgroup {
                    display: inline-block;
                    text-align: center;
                  }
                  .checkboxgroup label {
                    display: block;
                  }

                  <div id="checkboxes">
                    <div class="checkboxgroup">
                      <label for="my_radio_button_id1">My Label1</label>
                      <input type="radio" name="radio" id="my_radio_button_id1" />
                    </div>
                    <div class="checkboxgroup">
                      <label for="my_radio_button_id2">My Label2</label>
                      <input type="radio" name="radio" id="my_radio_button_id2" />
                    </div>
                    <div class="checkboxgroup">
                      <label for="my_radio_button_id3">My Label3</label>
                      <input type="radio" name="radio" id="my_radio_button_id3" />
                    </div>
                  </div>

                  这篇关于标签下方的中心单选按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:使用 Jquery Mobile 选中和取消选中单选按钮 下一篇:是否应该始终选中单选组中的一个 HTML 单选按钮?

                  相关文章

                    <small id='852Zz'></small><noframes id='852Zz'>

                    <legend id='852Zz'><style id='852Zz'><dir id='852Zz'><q id='852Zz'></q></dir></style></legend>
                  1. <i id='852Zz'><tr id='852Zz'><dt id='852Zz'><q id='852Zz'><span id='852Zz'><b id='852Zz'><form id='852Zz'><ins id='852Zz'></ins><ul id='852Zz'></ul><sub id='852Zz'></sub></form><legend id='852Zz'></legend><bdo id='852Zz'><pre id='852Zz'><center id='852Zz'></center></pre></bdo></b><th id='852Zz'></th></span></q></dt></tr></i><div id='852Zz'><tfoot id='852Zz'></tfoot><dl id='852Zz'><fieldset id='852Zz'></fieldset></dl></div>
                  2. <tfoot id='852Zz'></tfoot>
                    • <bdo id='852Zz'></bdo><ul id='852Zz'></ul>