如何对齐输入字段？

-1

我有两个带有日期和时间值的表格行。我的输入字段没有居中，我将tr与左边对齐。所以我试图从第一个tr和第二个tr中心输入。如何对齐输入字段？

这里是例子：https://jsfiddle.net/dmilos89/qyq9cp7j/

HTML代码：

<tr align="left"> 
    <td class="dateTime"> 
     <label>Pick up Date</label> 
     <input name="DateFrom" id="DateFrom" style="width:100px" size="10" maxlength="10" class="dtefld" value=""> 
     <label>Pick up Time</label> 
     <input name="TimeFrom" id="TimeFrom" class="time" type="text" size="10" maxlength="10" value=""> 
    </td> 
</tr> 
<br> 
<tr align="left"> 
    <td class="dateTime"> 
    <label>Drop off Date</label> 
    <input name="DateTo" id="DateTo" style="width:100px" size="10" maxlength="10" class="dtefld" value=""> 
    <label>Drop off Time</label> 
    <input name="TimeTo" id="TimeTo" class="time" type="text" size="10" maxlength="10" value=""> 
    </td> 
</tr>

如果有人知道如何解决此问题，请让我知道。谢谢。

来源

2016-01-13 espresso_coffee

的可能的复制[如何对齐复选框和它们的标签一贯的跨浏览器]（http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistent-cross-browsers） – Ryan

@ryan不是真的:) –

@ryan这不是重复的。 –

此修复它：

label {display: inline-block; width: 100px;}

预览

来源

2016-01-13 19:27:52

小提琴将是有用的https://jsfiddle.net/qyq9cp7j/1/;） –

@GCyrillus小提琴已经完成：** https：//jsfiddle.net/4r8ofe2a/** –

没有看到它的答案。 .. –

如何对齐输入字段？

回答

相关问题