求助：text-align:center不生效，如何居中页面指定文本行

别担心，这种CSS样式不生效的情况太常见了，大概率是选择器优先级冲突或者样式没正确关联到目标元素。咱们一步步来搞定它：

第一步：给目标文本标记专属类 #

先给你要居中的那行“dedicated to the memory...”加上一个专属类名（用类比ID更灵活，后续如果需要复用样式也方便）：

<!-- 示例HTML结构 -->
<body>
  <h1>你的页面标题</h1>
  <!-- 给目标段落添加专属类 -->
  <p class="memorial-text">dedicated to the memory...</p>
  <!-- 其他页面内容 -->
</body>

第二步：编写针对性的CSS样式 #

在你的CSS文件里，给这个专属类设置居中样式，同时用更具体的选择器确保优先级足够，避免被全局样式覆盖：

body { 
  background-color: #008000; 
} 

h1 { 
  border-style: double; 
  font-family: Times New Roman; 
  color: white; 
} 

/* 全局p标签样式 */
p { 
  color: white;
  /* 如果这里设置了text-align: left之类的属性，会影响目标段落，需要用更具体的选择器覆盖 */
}

/* 目标段落的居中样式，选择器比全局p更具体，优先级更高 */
p.memorial-text {
  text-align: center;
  /* 临时排查用：如果还是不生效，可以加!important确认样式是否能应用（但不推荐长期使用，后续要找到优先级冲突的根源） */
  /* text-align: center !important; */
}

第三步：排查常见问题 #

如果调整后还是没生效，逐一检查这几点：

• 确认CSS文件已经通过<link rel="stylesheet" href="你的CSS文件路径.css">正确引入到HTML的<head>部分，路径没有拼写错误
• 打开浏览器开发者工具（按F12），选中目标段落，查看「样式」面板：看看text-align: center是不是被划掉了（这说明被更高优先级的样式覆盖，比如内联样式、ID选择器）
• 检查类名拼写：HTML里的类名和CSS里的选择器要完全一致（CSS对大小写敏感）

这样调整后，那行文本应该就能正常居中啦。

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