html表单怎么居中！~

<form name="search" method="post" action="#">
<input value="请输入关键词" type="text" name="q" />
<input type="submit" value="搜索"/>
</form>
怎么让我的表单手机访问，上下左右都是居中的呀！~
先谢谢各位。

举报该问题

推荐答案 2018-08-29

表单宽高不固定情况下，表单外面加一个父标签fa 表单加一个类centered

清除页面默认样式后(margin padding)
<style type="text/css">
html,body{width: 100%;height: 100%;}
.fa {text-align: center;height: 100%;}
.fa:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.centered {display: inline-block;vertical-align: middle;background: red;width: auto;}
</style>

追问

清除页面默认样式后(margin padding) 这句是啥意思?怎么用？

追答

有时候网页会自动给body div等等标签加maigin值和padding值，所以一般来说，做网页，我是习惯先把页面默认的样式清除掉。默认样式除了margin padding ，还有border list-style 。下面的那些标签，如果你页面有就写，没有就不用写

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, p, span, dl, dt, dd, a, img,
button, article, aside, footer, header, hgroup, menu, nav, section, figure
{ margin: 0; padding: 0; border: none; list-style: none;}

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/2hf0Ih0TICShCf00XI.html

其他回答

第1个回答 2018-08-29

margin：auto auto;

相似回答

html页面中,怎么能能让form表单在页面中居中,上下左右都居中。不分...答：</div> </div> </body> </html> 原理就是使用两个div,一个是绝对定位，一个是相对定位，绝对定位用于控制在浏览器中位置；相对定们的div把表单包起来，控制让其居中。

怎样让html表单内容居中,文字向左靠齐答：定义一个上下文本 ctx 所有的格式都可以自动与中间对齐，左对齐，右对齐了 ctx.textAlign="start";ctx.fillText("textAlign=start",150,60);也有也能使浏览器的问题吧 Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 textAlign 属性。

大家正在搜

html表单按钮在表格中居中 html怎么让表格居中 jsp中怎么设置表单居中 html怎么居中到中心 html让表单居中 html表单提交按钮居中 html居中怎么设置 html 表格居中 html表格上下居中