css - 居中对齐输入

标签 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>

最佳答案

您想居中对齐您的输入表单,对吗?那很容易。如果你想在 <body> 中居中任何东西标签或 <div>标记,或者您想将输入表单本身居中,只需添加以下 css:

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

尝试一些代码,例如:

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

关于css - 居中对齐输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32417761/

上一篇:javascript - 如何右对齐/对齐 Bootstrap 下拉菜单项?

下一篇:jquery - Chrome/Opera jquery css 显示不工作

相关文章:

html - 如何在 Firefox 中显示在 Chrome 上的输入字段之间留出空间?

javascript - 在 div 中居中 "i"元素

javascript - 使用 javascript 加载时添加类不起作用

c# - 检测是否在 C# 中按下了任何键(不是 A、B,而是任何键)

html - 垂直对齐固定位置的 div

html - 如何从输入元素中删除插入符号

flutter : Vertically center column

css - 我的导航栏不会完全居中 - 只有一点点?

css - 在angularjs中检查输入字段时如何更改标签的类?

html - 有奇怪的 CSS 问题