使用CSS中心Google表单

Question

我在我的网站上嵌入了一个google表单,它包含在div中.我尝试用CSS中心,但它不起作用.有没有办法完成这项任务？

我的代码:

#googleForm {
	margin-left: auto;
	margin-right: auto;
}

<div id="googleForm">	
  <iframe src="https://docs.google.com/forms....></iframe>
</div>

Answer 1

您可以添加text-align: center带id的元素googleForm.您也可以安全地删除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>