如何实现WordPress页面中嵌入的iframe按钮居中显示

直接复制下方完整代码替换你当前页面内的原有代码即可，无需修改其他配置，粘贴后刷新页面就能看到按钮居中效果：

<div style="text-align:center;width:100%;">
<iframe frameborder='0' height='28' scrolling='no' src='https://counselmevancouver.janeapp.com/embed/book_online' width='177'></iframe>
</div>

生效原理 #

• 外层新增的div设置了text-align:center属性，强制内部的iframe按钮居中对齐，优先级高于WordPress可视化编辑器的默认样式，不会被覆盖失效
• width:100%保证外层容器占满当前行的全部宽度，居中对齐效果可正常展示
• 原有iframe的所有参数和跳转逻辑都没有改动，不会影响原有功能

内容的提问来源于stack exchange，提问作者Erica Collyer MEd RCC