第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何在2個(gè)div之間的中間添加1行并在div中很好地調(diào)整復(fù)選框？

如何在2個(gè)div之間的中間添加1行并在div中很好地調(diào)整復(fù)選框？

互換的青春 2023-09-25 16:28:05
我在 2 個(gè) div 之間的中間添加 1 行并在 div 中調(diào)整復(fù)選框?qū)R時(shí)遇到問(wèn)題。下面是我的編碼：<style>  .div1,  .div2 {    display: inline-block;  }</style><div class="div1">  <div class="col-lg-12">    <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Printing</strong></input>&nbsp;&nbsp;&nbsp;    <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Matt/Gloss Lam</strong></input>&nbsp;&nbsp;&nbsp;<br>    <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Plate</strong></input>&nbsp;&nbsp;&nbsp;    <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Spot UV</strong></input>&nbsp;&nbsp;&nbsp;<br>    <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Paper</strong></input>&nbsp;&nbsp;&nbsp;    <input type="checkbox" name="point_option" id="point_option" value="1"><strong> UV</strong></input>&nbsp;&nbsp;&nbsp;<br>  </div></div><div class="div2 pull-right">  <div class="form-group col-lg-12">    <label class="control-label col-lg-4">Remark/Instruction:<span style="color:red;">&nbsp;*</span></label><br><br>    <div class="col-lg-7">      <textarea class="form-control" id="promotion_description" name="promotion_description" title="" style="margin: 0px -24px 0px 0px; width: 100%; height: 93px;"></textarea>    </div>  </div></div>輸出顯示如下圖所示：輸出1實(shí)際上我想要的輸出如下示例圖片：輸出2希望有人能指導(dǎo)我解決這些問(wèn)題。謝謝。
查看完整描述

4 回答

?
慕無(wú)忌1623718

TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊

請(qǐng)?zhí)砑覥SS如下：


.div1{

    margin-right: 25px;

    border-right: 1px solid #000000;

}

strong {

    width: 150px;

    display: inline-block;

}


查看完整回答
反對(duì) 回復(fù) 2023-09-25
?
嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊

https://img1.sycdn.imooc.com//651144fb00018d7115960211.jpg

你可以試試這個(gè)：


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

<style>

  .div1,

  .div2 {

    display: inline-block;

  }

</style>

<div class="div1">

  <div class="row">

    <div class="col-lg-4">

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong>

            Printing</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Matt/Gloss

            Lam</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong>

            Plate</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Spot

            UV</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong>

            Paper</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong>

            UV</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong>

            Folding</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Machine

            Varnish</strong></input><br>

    </div>

    <div class="col-lg-4">

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Perfect/ Lock

            Bind</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong>

            Matt/Gloss</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Staple

            Bind</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong>

            Diecut</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Threat

            Sewing</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Creasing

            Line</strong></input><br>

      <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Wire -

            0</strong></input><br>

      <input type="checkbox" name="point_option" id="point_option" value="1"><strong>

            Gluing</strong></input><br>

    </div>

    <div class="col-lg-4">

      <label class="control-label">Remark/Instruction:<span style="color:red;">&nbsp;*</span></label><br><br>

      <textarea class="form-control" id="promotion_description" name="promotion_description" title="" style="margin: 0px -24px 0px 0px; width: 100%; height: 93px;"></textarea>

    </div>

  </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-09-25
?
www說(shuō)

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

這個(gè)怎么樣！嘗試一下你就會(huì)得到想要的結(jié)果。


      * {

        box-sizing: border-box;

        margin: 0;

        padding: 0;

      }

  

      .wrapper {

        display: flex;

        padding: 20px 0;

      }

  

      .div1 {

        display: flex;

        flex-wrap: wrap;

        width: 20%;

        border-right: 1px solid #000;

        flex: 1 0 auto;

        padding: 0 15px;

      }

  

      .div1 .chks {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column;

        width: 50%;

      }

  

      .div1 label {

        float: left;

        width: 50%;

        display: inline-block;

        padding: 5px 0;

      }

  

      .div2 {

        flex: 1 0 auto;

        display: flex;

        justify-content: flex-end;

        padding: 0 15px;

        align-items: center;

      }

  

      .div2 .form-group {

        width: 40%;

      }

    <div class="wrapper">

      <div class="div1">

        <div class="chks">

          <label for="rm_option-1"><input type="checkbox" name="rm_option" id="rm_option-1" value="1">Printing</label>

          <label for="rm_option-2"><input type="checkbox" name="rm_option" id="rm_option-2" value="1">Plate</label>

          <label for="rm_option-3"><input type="checkbox" name="rm_option" id="rm_option-3" value="1">Paper</label>

          <label for="rm_option-4"><input type="checkbox" name="rm_option" id="rm_option-4" value="1">Folding</label>

          <label for="rm_option-5"><input type="checkbox" name="rm_option" id="rm_option-5" value="1">Perfect/ Lock

            Bind</label>

          <label for="rm_option-6"><input type="checkbox" name="rm_option" id="rm_option-6" value="1">Staple

            Bind</label>

          <label for="rm_option-7"><input type="checkbox" name="rm_option" id="rm_option-7" value="1">Threat

            Sewing</label>

          <label for="rm_option-8"><input type="checkbox" name="rm_option" id="rm_option-8" value="1">Wire - 0</label>

        </div>

        <div class="chks">

          <label for="rm_option-9"><input type="checkbox" name="rm_option" id="rm_option-9" value="1">Matt/Gloss

            Lam</label>

          <label for="rm_option-10"><input type="checkbox" name="rm_option" id="rm_option-10" value="1">Spot UV</label>

          <label for="rm_option-11"><input type="checkbox" name="rm_option" id="rm_option-11" value="1">UV</label>

          <label for="rm_option-12"><input type="checkbox" name="rm_option" id="rm_option-12" value="1">Machine

            Varnish</label>

          <label for="rm_option-13"><input type="checkbox" name="rm_option" id="rm_option-13" value="1">Matt/Gloss</label>

          <label for="rm_option-14"><input type="checkbox" name="rm_option" id="rm_option-14" value="1">Diecut</label>

          <label for="rm_option-15"><input type="checkbox" name="rm_option" id="rm_option-15" value="1">Creasing

            Line</label>

          <label for="rm_option-16"><input type="checkbox" name="rm_option" id="rm_option-16" value="1">Gluing</label>

        </div>

      </div>

      <div class="div2">

        <div class="form-group col-lg-12">

          <label class="control-label col-lg-4">Remark/Instruction:<span style="color:red;">&nbsp;*</span></label><br><br>

          <div class="col-lg-7">

            <textarea class="form-control" id="promotion_description" name="promotion_description" title=""

              style="margin: 0px -24px 0px 0px; width: 100%; height: 93px;"></textarea>

          </div>

        </div>

      </div>

    </div>


查看完整回答
反對(duì) 回復(fù) 2023-09-25
?
莫回?zé)o

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

給你一個(gè)解決方案


.container {

  display: flex; 

}


.leftContainer {

  display: inline-flex;

  width: 50%;

  border-right: 2px Solid #000;

}


.inputContainer {

  display: flex;

  width: 50%;

  flex-direction: column;

}


.rightContainer {

  display: inline-flex;

  width: 50%;

  align-items: flex-end;

  flex-direction: column;

}

<div class="container">

  <div class="leftContainer">

    <div class="inputContainer">

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Printing</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Matt/Gloss Lam</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Plate</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Spot UV</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Paper</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> UV</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Folding</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Machine Varnish</strong></input>

      </div>

    </div>

    <div class="inputContainer">

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Perfect/ Lock Bind </strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Matt/Gloss</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Staple Bind</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Diecut</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Threat Sewing</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Creasing Line</strong></input>

      </div>

      <div>

        <input type="checkbox" name="rm_option" id="rm_option" value="1"><strong> Wire - 0</strong></input>

      </div>

      <div>

        <input type="checkbox" name="point_option" id="point_option" value="1"><strong> Gluing</strong></input>

      </div>

    </div>

  </div>


  <div class="rightContainer">

    <div>

      <label>Remark/Instruction:<span style="color:red;">&nbsp;*</span></label><br><br>

      <div>

          <textarea class="form-control" id="promotion_description" name="promotion_description" title="" style="margin: 0px -24px 0px 0px; width: 100%; height: 93px;"></textarea>

      </div>

    </div>

  </div>

</div>

解決方案無(wú)bootstrap.css



查看完整回答
反對(duì) 回復(fù) 2023-09-25
  • 4 回答
  • 0 關(guān)注
  • 179 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)