如何在页面上横向居中表单?

时间:2011-10-04 21:18:10

标签: html

我有一个看起来大致如下的HTML文档:

<html>
  <head><title>Example</title></head>
  <body>
     <div id="main_content" style="width:90%;">
         <form id="searchbox" method="post" action="#">
             <input type="text" name="search" />
             <input type="submit />
         </form>
     </div>
  </body>
</html>

如何(水平)将搜索表单置于页面中心?

1 个答案:

答案 0 :(得分:3)

使用CSS:

  • 为其指定width
  • 使用margin-left:automargin-right:auto