中心对齐输入

时间:2015-09-05 21:17:56

标签: css input center

我想知道如何将我的输入居中对齐到我的页面上。感谢

 <body>

 <input id="ask" type="text" placeholder = "Ex: how tall is the Gateway Arch" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Ex: how tall is the gateway arch'"/>

<style type="text/css">
    #ask {

        padding: 10px  10px 10px 6px;
        font-size:45px;
        background-color:#FAFAFA;
        min-width: 500px;
        padding: 0 auto;
        border: 0 none;
        </style>
        </body>

1 个答案:

答案 0 :(得分:0)

您想要对齐输入表单,对吗?这很容易。如果您想将<body>标记或<div>标记中的任何内容居中,或者您希望将输入表格置于中心位置,只需添加以下css:

margin-left:auto;margin-right:auto;

尝试使用以下代码:

input {margin-left:auto;margin-right:auto;}