与输入表单有对齐问题

时间：2013-07-09 11:36:00

标签： html css html5

我在网站的页脚中添加了一个小的简报订阅文本框，而且我遇到了一些对齐问题。

单独使用表单代码： http://liveweave.com/hAK1q6

它本身的样子：

enter image description here

向其添加表单后的页脚代码： http://liveweave.com/k3L5h7

切换到拆分V 或查看模式以完全查看页脚预览

对齐问题：

enter image description here

正如您所看到的，填充图像在背景中显示为全部，并且整体形状也不是居中对齐的。

如何解决此问题？

3 个答案:

答案 0 :(得分：1)

给你的form-wrapper cf`display：block; 这将（主要）解决外观问题

后面的内容会更改元素的margin和padding

答案 1 :(得分：0)

从margin: 150px auto 50px auto班级.form-wrapper减少保证金价值，并提供float: left或display属性。例如block或inline-block。

答案 2 :(得分：0)

在.form-wrapper

中添加这些样式 
margin: 0 auto;
display: block;

在此处查看http://liveweave.com/d4cUjW。

<强>截图：

enter image description here

相关问题
最新问题