html 我想设置一个< lable>元素左对齐，但它总是在中心，为什么不

kuarbcqp 于 2022-12-09 发布在其他

关注(0)|答案(2)|浏览(134)

我在用bootstrap写一个登录页面。
复选框的标签始终居中。

<div class="container text-center" >
      <div class="row">

        <div class="col"></div>

        <div class="col">
          ....
          <form class="row g-3 needs-validation" novalidate>

            ...

            <!-- 用户协议 -->
            <div class="col-12">
              <div class="form-check ">
                <label class="form-check-label" for="invalidCheck" style="text-align: left;">勾选即表示同意《用户协议》</label>
                <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>

                <div class="invalid-feedback">
                  You must agree before submitting.
                </div>
              </div>
            </div>

            ...

        </div>
        <div class="col"></div>
      </div>
    </div>

login_page
我试着添加“text-align：left”，或者将“display”改为“inline”，但是没有用。
除非我将div类从“col-12”更改为“col-7”。
我不知道为什么，也不知道怎么设置。

Html

来源：https://stackoverflow.com/questions/74705686/i-want-set-a-lable-element-align-left-but-it-always-in-centre-dont-why

2条答案

按热度按时间

368yc8dk1#

您可以通过在父div中添加text-align来修复它。

<div class="form-check" style="text-align: left;">
    <label class="form-check-label" for="invalidCheck">勾选即表示同意《用户协议》</label>
    <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
    <div class="invalid-feedback">
        You must agree before submitting.
    </div>
</div>

赞(0）回复(0）举报 2022-12-09

polkgigr2#

<div class="col"></div>

    <div class="col">
      ....
      <form class="row g-3 needs-validation" novalidate>

        ...

        <!-- 用户协议 -->
        <div class="col-12">
          <div class="form-check ">
            <label class="form-check-label" for="invalidCheck" style="text-align: left;">勾选即表示同意《用户协议》</label>
            <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>

            <div class="invalid-feedback">
              You must agree before submitting.
            </div>
          </div>
        </div>

        ...

    </div>
    <div class="col"></div>
  </div>
</div>

赞(0）回复(0）举报 2022-12-09

我来回答

html 我想设置一个< lable>元素左对齐，但它总是在中心，为什么不

2条答案

相关问题

热门标签

最新问答