如何是HTML页面中的表单居中显示[通俗易懂]

大家好,又见面了,我是你们的朋友全栈君。 在进行前端页面设置的时候,发现写完的form表单始终无法居中显示,详细如图1所示: 图1:问题

如何是HTML页面中的表单居中显示[通俗易懂]

大家好,又见面了,我是你们的朋友全栈君。

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

图1:问题图示

代码如下:

代码语言:javascript代码运行次数:0运行复制

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

解决办法:在外面套一层

代码如下:

代码语言:javascript代码运行次数:0运行复制

最终效果如图2所示:

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168350.html原文链接:https://javaforall.cn

相关推荐