WordPress无LaTeX插件且link/script被剥离时，如何实现居中等式及同行右对齐方程编号

针对当前环境下标签拦截、双容器换行、浮动布局兼容差的问题，可直接用纯原生HTML配合行内样式实现需求，全程不使用会被系统剥离的<script>、<link>标签，也不依赖任何外部插件，具体实现如下：

• 核心思路：放弃将公式、编号拆分为两个独立块级div的写法，将所有内容放进同一个块级容器内，通过弹性布局完成对齐，从根源上避免块级元素默认占满整行导致的换行问题
• 可直接复制粘贴到WordPress编辑器的代码：

<div style="display: flex; align-items: center; margin: 1.2em 0;">
  <span style="flex: 1; text-align: center;">P(x, y) = P(y|x)·P(x)</span>
  <span>(23)</span>
</div>

• 效果与操作注意事项：
  • 外层div作为弹性排版容器，设置与正文段落匹配的上下边距，保证和前后文有自然的排版间距，不会出现拥挤错位
  • 承载公式的span设置flex:1属性，会自动占满容器内除编号宽度外的全部横向空间，配合text-align:center实现公式严格水平居中
  • 承载编号的span作为弹性容器内的最后一个元素，会自动停靠在容器最右侧，与公式处于完全同一水平线，不存在换行偏移
  • 全程不使用浮动布局，不存在浮动导致的高度塌陷、内容环绕等兼容隐患；所有样式都写在元素的行内属性上，不会触发WordPress对外部引入标签的拦截规则
  • 粘贴代码时请选择编辑器的「自定义HTML」块，不要直接在可视化排版区域粘贴，避免编辑器自动转义标签导致样式失效

内容的提问来源于stack exchange，提问作者at.