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

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

如何對(duì)齊取消按鈕,使其與變化的表格大小同步?

如何對(duì)齊取消按鈕,使其與變化的表格大小同步?

ibeautiful 2022-05-12 17:32:29
實(shí)際上,我有一個(gè)表,表中的行數(shù)動(dòng)態(tài)增加/減少。所以我想適當(dāng)?shù)胤胖梦业奶峤话粹o。請(qǐng)指教。這就是我正在嘗試的:在我的 servlet 中,我試圖包含它: "input[type=button] {"+                     "position:absolute;"+                     "transition: .5s ease;"+                     "top: 80%;"+                      "left: 75%;"+                      "font-size: 22px;"+                       "font-weight: bold;"+                      "font-family: ariel;"+                       "background-color: #ffedca;"+                      "}"+但如果我的表中有 2 或 3 行,這很好用。但如果我有超過(guò) 3 行,輸出將是:            1   CPA1        Validating      release                            2   CPA2        Validating      release            3   CPA3        Validating      release  cancel  ok            4   CPA4        Validating      release在上面的輸出中,取消和確定按鈕只有 3 行。
查看完整描述

2 回答

?
心有法竹

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

我喜歡Flex Box,你可以在類似的結(jié)構(gòu)中工作


<body>

  <div class="form">

    <input>

      ...some input fields

    </input>

    <button>My Submit</button>

  </div>

<body> 

然后你的CSS


.form{

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

這將使 .form div 中的所有子項(xiàng)在 .form 中垂直和水平居中,而無(wú)需指定填充或邊距


查看完整回答
反對(duì) 回復(fù) 2022-05-12
?
紅顏莎娜

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

我想我有點(diǎn)晚了,但你可以通過(guò)以下方式做到這一點(diǎn):


tr{

      height: 10px;

      width:100px;

    }

    table{

      width: 100%;

    }

    table, tr, td {

      border: 1px solid black;

    }

    .container{

        display: flex;

    }

    .tableContainer{

        width:80%;

    }

    .submitContainer{

        display: flex;

        align-items: center;

        justify-content: center;

        width:20%;

    }

<div class="container">

    <div class='tableContainer'>

        <table>

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            <tr>

                <td></td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

        </table>

    </div>

    <div class='submitContainer'>

        <button>CLick me </button>

    </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2022-05-12
  • 2 回答
  • 0 關(guān)注
  • 153 瀏覽
慕課專欄
更多

添加回答

舉報(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)