我在我的网站上嵌入了一个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>
