首页网格布局标签不足2行无法居中，保留post-meta样式如何修复？

问题原因 #

• 你使用的<div align="center">等效于给父容器设置了text-align: center，该规则仅对内部的行内、行内块元素生效，而你主题自带的.post-meta类大概率被设置了非100%宽度、左浮动、或者display: inline-block属性：
  • 标签数量少时，.post-meta的宽度等于实际内容宽度，作为块级元素默认靠左排列，哪怕内部内容设置了居中，视觉上也会呈现左对齐效果
  • 标签数量多到撑满父容器宽度时，.post-meta宽度和父容器一致，内部的居中规则才会正常生效

修复方案 #

不需要移除.post-meta类，只需要添加自定义CSS覆盖对齐相关的规则即可，不会丢失原有标签样式：

1. 进入WordPress后台，依次点击「外观」→「自定义」→「额外CSS」
2. 粘贴以下代码后保存即可：

/* 让post-meta始终撑满父容器宽度，统一居中 */
.post-meta {
  width: 100% !important;
  float: none !important;
  text-align: center !important;
}
/* 可选：如果还有个别分类/标签行没有居中，加这段兼容 */
.post-category, .posttag {
  display: inline-block !important;
  width: 100%;
}

可选代码优化 #

你当前的代码里存在行内元素<span class="post-category">嵌套块级元素<p class="posttag">的不规范写法，可能会引发额外的样式异常，可以把对应的<span class="post-category">改成<div class="post-category">即可，功能不受影响。

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