html - 在页面中心获取日期

Question

如何在主 div 的中心获取日期。

JSFiddle

<style>
.div_table{
  display:table;         
  width:100%;               
}
.div_table_row{
  display:table-row;
  width:auto;
  clear:both;
}
.div_table_col{
  display:table-column;
  float:left;/*fix for  buggy browsers*/
}

label
{
width: 10em;
text-align: left;
margin-right: 0.5em;
display: block;
}


input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

</style>


<div class="div_table">

    <div class="div_table_row">
        <img src="./images/logo_transparent.png" width="192" height="69" alt="Logo" />
    </div>

    <div class="div_table_row">
        <?php include_once("./include/menu.php"); ?> 
    </div>

    <div class="div_table_row">
        <div style="text-align:center">
            <label>From Date:<br /><input type="text" class="date" /></label>
            <label>To Date:<br /><input type="text" class="date" /></label>
        </div>
    </div>

    <div class="footer div_table_row">All Rights Reserved</div>
</div>

Answer 1

您希望将标签或输入文本框居中吗？

如果标签这样做：

        <label><span>From Date:</span><br /><input type="text" class="date" /></label>
        <label><span>To Date:</span><br /><input type="text" class="date" /></label>

将标签中的文本放入一个跨度中。

在 CSS 中：

label span { position: absolute; left: 50%; }

添加position: relative;到.div_table_row.