按钮在表单字段中对齐 [英] button alignment in form fields

问题描述

我想改变添加用户按钮
的宽度，但如果我改变高度的表单字段的标签上面
类似，我想移动保存文件和dalete按钮向右角落的文本区
但我不能做到
如何解决它...
https://docs.google.com/file/d/0B3IBJKENGE7RZzF6V3Y0MEVqcDA/edit

i am trying to change the width of the add user button but if i change the height the label of the form fields come above similarly i wanted to move the save file and dalete button to right corner of the text area but i am not able to do it how to fix it... https://docs.google.com/file/d/0B3IBJKENGE7RZzF6V3Y0MEVqcDA/edit

http://jsfiddle.net/DA9gK/15/

<input name="Finish" value="Save File" class="checkout-button saveFileButton" type="submit">
<input name="Finish" value="Delete" class="checkout-button deleteButton" type="submit">

推荐答案

你亲爱的，

http://jsfiddle.net/DA9gK/18/

对于未来，你想封装/分组更多的代码元素，因为缺少一个适当的约束div，下面的元素渗入前面的元素，如果你知道我的意思...

And yeah for future, you'd want to encapsulate/group more of your code elements, because due to a lack of a proper constraint div, the elements below were bleeding into the previous elements, If you know what I mean...

<div style="height:55px;">
            <h4 class="companyAccess">Company Access</h4>

          <input name="Finish" value="Add Users" class="checkout-button redButton"
      type="submit" style="height: 30px;
width: 94px;
margin-top: 7px;
line-height: 10px;
border-radius: 2px;">
         </div>

这篇关于按钮在表单字段中对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！