html将表单居中的示例-mile米乐体育
web技术
2021年02月22日 07:35
0
小编给大家分享一下html将表单居中的示例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
html将表单居中的方法:首先表单外面加一个父标签fa;然后表单加一个类centered,代码为【
html将表单居中的方法:
表单宽高不固定情况下,表单外面加一个父标签fa,表单加一个类centered
清除页面默认样式后(margin padding)
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;}
以上是“html将表单居中的示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注恰卡编程网行业资讯频道!
展开全文