我正在为教师开发一个交互式电子课程计划构建器。我正在测试所有内容都是JSbin，然后再将其发送到我大学的WordPress页面上。
我有一堆带有align="left"属性的图像。这在JSbin中完美运行，但在WordPress上，它们显示为对角线下降。这可以在第三个框(共 4 个)的实时 RIT 页面中看到。这是WordPress中的一个已知错误，还是我在处理代码时做错了什么？
感谢您对这个项目的任何帮助！
我认为到目前为止的答案都很好，但我也认为你需要意识到问题的根源。这是wordpress中在内容中注入p标签和br标签的默认行为，而不是空行和图像等之后。 我宁愿称它为功能而不是错误。不管你喜不喜欢。
对于普通的博客内容，通常不会那么糟糕。它可能会改善对HTML或排序一无所知的普通WP用户的生活。但可以肯定的是，当您不希望这些标签在那里时，这很烦人。
您可以过滤内容。删除了 p/br 标签，但这几乎改变了 wordpress 的默认行为：
- https://codex.wordpress.org/Plugin_API/Filter_Reference/the_content
- https://wordpress.stackexchange.com/a/130185/56491
还有插件：
- https://wordpress.org/plugins/ps-disable-auto-formatting/
- https://wordpress.org/plugins/toggle-wpautop/
就个人而言，我不喜欢为每件小事添加插件。我可能会使用自定义页面模板(您的页面看起来足够自定义)，因此对于该特定页面，您可以使用单独的html(php)文件：
- https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-a-custom-page-template-for-one-specific-page
我相信还有其他解决方法。
您可以使用以下内容来对齐图像：
#bin3 {
height: 250px;
padding: 10px;
border: 2px solid black;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
您可能希望使用边距在它们之间留出一些空间。