html怎样将表单居中_html-js-css

概述html怎样将表单居中

HTML将表单居中的方法：首先表单外面加一个父标签fa；然后表单加一个类centered，代码为【
<form name="search"method="post" action="#" class=“”“】。

本教程 *** 作环境：windows7系统、HTML5版，DELL G3电脑，该方法适用于所有品牌电脑。

HTML将表单居中的方法：

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

<body>   <div class="fa">    <form name="search" method="post" action="#" class="centered">       <input value="请输入关键词" type="text" name="q" />       <input type="submit" value="搜索"/>    </form></div></body>

清除页面默认样式后(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>