我在我的网站上嵌入了一个google表单,它包含在div中.我尝试用CSS中心,但它不起作用.有没有办法完成这项任务？
我的代码：
#googleForm {
margin-left: auto;
margin-right: auto;
}
<div id="googleForm"> <iframe src="https://docs.google.com/forms....></iframe> </div>
解决方法
您可以使用id googleForm将text-align：center添加到元素.您还可以安全地删除margin-left和margin-right：
#googleForm {
/*margin-left: auto;/*
/*margin-right: auto;*/
text-align: center;
}
<div id="googleForm"> <iframe src="https://docs.google.com/forms....></iframe> </div>
如果你想使用margin：0 auto你必须设置元素的宽度：
#googleForm {
width: 304px;
margin: 0 auto;
}
<div id="googleForm"> <iframe src="https://docs.google.com/forms....></iframe> </div>
