在同一行的表单字段中显示div

时间:2016-04-03 05:22:10

标签: javascript jquery html css html5

  • 你能告诉我如何在表格中制作div来对齐
  • 提供以下代码
  • 显示:table-cell无法正常工作 http://codepen.io/anon/pen/EKwOKa

    <div class="form-fields">
        <label>Name:</label>
        <input type="text" name="name" id="name" class="stored" value="" /><br>
    
        <label>Email:</label>
        <input type="email" name="email" id="email" class="stored" value="" /><br>
    
        <label>Message:</label>
        <textarea name="message" id="message" class="stored"></textarea><br>
    </div>
    
    <div class="upload-image">
        <div class="upload-image-preview"></div>
        <input type="file" name="file" value="Upload Image" />
    </div>
    

1 个答案:

答案 0 :(得分:0)

vertical-align: top;将有助于最佳对齐。

.form-fields {
  display: table-cell;
  vertical-align: top;
}