Question

我对此感到困惑，因为我已经尝试了两种CSS，并且通过表格直接HTML使我的文本和文本框出现在同一行上，但是任何一种方法总是将文本放在文本框的顶部。我喜欢table方法，因为我的CSS方法只是将页面分成两半，文本框之间存在尴尬的空间。

然而，问题是 - HTML中的方式是什么（我们可以使用JavaScript，JQuery，CSS，HTML等）来相应地格式化它？

尝试1

<table>
 <tr>
    <td>Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>"></td>
    <td>Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>"></td>
 </tr>
</table>

尝试2

<div id="right">Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>"></div>
<div id="left">Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>"></div>


#left {
  float: right ;
  width: 50% ;
}
#right {
  float: right;
  width: 50%;
}

Answer 1

试试这个例子 - 它适用于我并将所有内容放在一行

<div name="payroll" id="oneline">
Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>">
Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>">
</div>

并添加一些css风味

#oneline {
    display: inline-block;
    vertical-align: right;
}

这是一个方便的小提琴 http://jsfiddle.net/Lera/HEeHd/

有文字＆amp;标签出现在同一条线上

1 个答案: