HTML/CSS文本对齐在媒体查询中无效

HTML/CSS文本对齐在媒体查询中无效的原因是，媒体查询主要用于根据设备的特性和屏幕尺寸来应用不同的样式规则，而文本对齐属于文本样式的一部分，并不受媒体查询的影响。

在HTML中，文本对齐可以通过CSS的text-align属性来控制。常见的取值有left（左对齐）、right（右对齐）、center（居中对齐）等。例如，可以使用以下CSS代码将文本左对齐：

.text-align-left {
  text-align: left;
}

然后，在HTML中使用该类名来应用样式：

<p class="text-align-left">这是左对齐的文本。</p>

媒体查询主要用于根据设备的特性和屏幕尺寸来应用不同的样式规则。例如，可以使用媒体查询来在不同的屏幕尺寸下改变文本的字体大小、行高等。以下是一个示例：

@media screen and (max-width: 600px) {
  .text-align-left {
    text-align: center;
  }
}

在上述示例中，当屏幕宽度小于等于600px时，文本将居中对齐。但是，媒体查询并不会影响文本对齐的样式，它只是根据条件来应用不同的样式规则。

总结起来，HTML/CSS文本对齐在媒体查询中无效是因为文本对齐属于文本样式的一部分，而媒体查询主要用于根据设备的特性和屏幕尺寸来应用不同的样式规则。如果需要在不同的屏幕尺寸下改变文本对齐方式，可以通过媒体查询来应用不同的样式规则，但不能直接控制文本对齐。