css - 文本小部件中元素的大小和位置

我在居中和修改插入到我网站左脚位置的文本小部件中的联系表单的高度时遇到麻烦。

http://www.durocketdescarottes.fr/

我想减小表格的高度并将其水平居中。

我已经尝试过这个CSS片段：

/* Contact form customization */
.wpcf7{
  	height: 20%;
  	max-width: 50%;
  	margin: auto;
}

更改max-width属性确实会更改窗体的宽度，但是我无法使用通常的“ margin：auto;”将其在小部件区域中居中。特技。

更改height属性不会执行任何操作。

编辑：按照D_S_B的建议，我尝试设置div.wpcf7的样式，但是我的更改未出现在页面的CSS样式中。到底是怎么回事 ？

非常感谢您的帮助，

本杰明

最佳答案

快速浏览一下CSS，看起来好像有应用于div.wpcf7的样式，以及您从.wpcf7发布的样式。



div.wpcf7所应用的类比没有div选择器的类更具体，因此您对类应用的任何边距都将被边距覆盖：应用于div.wpcf7的0。

如果将类的范围限定为div.wpcf7并在其中添加一个margin：0 auto，它将按预期级联并为您水平居中。