2017-10-12 200 views
-2

我正在處理聯繫表單,並且我給出了div display:flex
它的所有字段都正確顯示,並且dinamicaly調整大小,除了提交按鈕總是減半。
它不應該有與其他領域一樣的行爲?將flex div中的按鈕切成兩半

捕獲: enter image description here

+1

https://stackoverflow.com/help/mcve – Wouter

+0

請告訴我們的代碼,並讓您分配flex'的'財產於母公司的子組件用'顯示: flex'? –

+0

我沒有任何代碼可以顯示,我使用的是Divi wordpress,唯一以爲我添加的是一個'display:flex;'表單本身,如下所示:
'form.et_pb_contact_form { display: - WebKit的彎曲; display:flex; -webkit-flex-direction:row; flex-direction:row; }' –

回答

1

試着做這樣的事情。

.child { 
 
    width: 500px; 
 
    margin: 10px; 
 
    height: 30px; 
 
    border: 1px solid black; 
 
}
<div style="display:flex; border:1px solid black"> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
</div>

1

,我會更喜歡一個父類添加到每個控件,select領域可能有一些最小寬度爲何按鈕被轉移到左。