html怎样将表单居中
程序员文章站
2022-03-21 17:57:38
...
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>
相关学习推荐:html教程
以上就是html怎样将表单居中的详细内容,更多请关注其它相关文章!
推荐阅读
-
将HTML表单数据存储为XML格式 - 1
-
flask_mail将html表单发送到邮箱
-
防止用户将表单重复提交的方法汇总_HTML/Xhtml_网页制作
-
css如何将div实现全屏水平垂直居中_html/css_WEB-ITnose
-
网页怎样随着浏览器的左右拉伸仍然保持居中_html/css_WEB-ITnose
-
网页怎样随着浏览器的左右拉伸仍然保持居中_html/css_WEB-ITnose
-
将你怎样将 HTML5 性能发挥到极致
-
css如何将div实现全屏水平垂直居中_html/css_WEB-ITnose
-
请问大神怎样让垂直的文字实现这样的居中_html/css_WEB-ITnose
-
css关于表单对象上下居中的_html/css_WEB-ITnose