在css中怎么表单居中显示,css表单如何居中显示？

css表单居中显示的方法：在form表单的外面套一层<div style="width:100%;text-align:center"></div>，将其整体居中即可。

css表单如何居中显示？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在进行前端页面设置的时候，发现写完的form表单始终无法居中显示，详细如图1所示：

代码如下：

证书编号:

获证组织名称:

查询

分析原因：form本来就只是一个表单而已，对页面根本就没有布局上的作用.，因此无论怎么设置都是无法居中的，但是依旧有办法解决的；

解决办法：在外面套一层

代码如下：

证书编号:

获证组织名称:

查询

最终效果如图2所示：

更多web前端知识，请查阅 DMOZ中文网站分类目录 ！！