中心对齐输入[重复]
Posted
技术标签:
【中文标题】中心对齐输入[重复]【英文标题】：Center Aligning an input [duplicate] 【发布时间】：2015-12-01 18:36:29 【问题描述】：我想知道如何在我的页面上居中对齐我的输入。谢谢
<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】：您想居中对齐您的输入表单，对吗？这很容易。如果您想将<body> 或<div> 标记中的任何内容居中，或者您想将输入表单本身居中，您只需添加以下css：
margin-left:auto;margin-right:auto;
尝试一些代码，例如：
input margin-left:auto;margin-right:auto;
【讨论】：
这只是导致文本居中对齐：( 等等等等，使用margin-left:auto;margin-right:auto以上是关于中心对齐输入[重复]的主要内容，如果未能解决你的问题，请参考以下文章