0
我試圖做一個設計HTML/CSS的形式,這樣的形象在中間: https://postimg.org/image/u2rrzgz09/對齊表格 - 輸入字段/按鈕的背景圖像
形式應該是在後臺中心(文本(文本1和文本2)應該在字段開始的位置(左邊)開始,並且按鈕應該顯示在表單的中心。
我確實到現在爲止: https://jsfiddle.net/jk17sj87/
HTML:
<div class="parent">
<div class="col1">
<div class="text">
Text1
</div>
<div class="sec11">
(image)
<input type="text"/>
</div>
<div class="sec2">
(image)
<input type="text"/>
</div>
</div>
<div class="col2">
<div class="text">
Text2
</div>
<div class="sec3">
(image)
<input type="text"/>
</div>
<div class="sec4">
(image)
<input type="text"/>
</div>
</div>
</div>
<div class="button">
<button>Button</button>
</div>
CSS:
.parent{ width: 100%; display: flex;}
.col1{margin-right: 10px;}
.text{margin-left: 52px;}
.button {margin-left: 200px;}