不能。ESLint仅分析JS/TS语法树，不解析HTML内联样式字符串或JSX中style属性的CSS语义，无法校验text-align等CSS声明的对齐规范；需用stylelint或html-validate等专用工具处理。
ESLint 能检查 HTML 内联样式对齐吗
不能。ESLint 是 JavaScript/TypeScript 代码的静态检查工具，它不解析 HTML 字符串、模板字面量或 JSX 中的 style 属性值，更不会校验 text-align、margin-left 这类 CSS 声明的写法是否符合对齐规范。
为什么 style="text-align: center" 不会被 ESLint 报错
ESLint 默认只分析 JS/TS 语法树（AST），而 HTML 内联样式属于字符串内容或 JSX 属性值，不在其语义分析范围内。即使你写了 style="text-align: centerrr"，ESLint 也完全无感——它既不识别 CSS 属性名，也不校验值拼写。
- JSX 中的
style属性值是 JS 对象（如{ textAlign: 'center' }），这时 ESLint 可能通过react/style-prop-object等插件做基础检查，但仅限于对象结构，不深入 CSS 语义 - 字符串形式的
style（如style="text-align: center;"）被当作纯字符串，ESLint 不会拆解校验 - Vue 单文件组件中的
<template>部分，ESLint 默认不处理，需额外配置eslint-plugin-vue，但它也不校验内联 CSS 的对齐逻辑
真正能查 HTML 内联样式的工具是什么
需要交给专门处理 HTML/CSS 的工具：比如 stylelint（配合 stylelint-config-html 或 stylelint-processor-html），或者用 html-validate 配合 CSS 规则插件。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
stylelint可以检查内联style属性里的 CSS 是否符合缩进、空格、属性顺序等规则，但默认不包含“对齐”类规则，需手动启用declaration-block-properties-order或自定义正则 -
html-validate支持css-inline规则，能捕获无效 CSS 值（如text-align: top），但同样不校验“是否居中对齐”这种业务语义 - 若真要强制
text-align必须为center，得写自定义规则，靠正则匹配style="[^"]*text-align\s*:\s*[^;]*;"并提取值判断——这不是 ESLint 的活
ESLint 配置里加 html 相关插件有用吗
没用。像 eslint-plugin-html 只是把 HTML 文件里的 <script> 块抽出来给 ESLint 分析，它不管 <div style="..."> 里的内容；eslint-plugin-react 的 react/no-danger 之类规则也只管危险 API，不碰样式字符串。
立即学习“前端免费学习笔记（深入）”；
- 常见误配：
"plugin:html/recommended"看起来很全，实际只影响 script 标签内的 JS - 试图在
rules里加"no-unused-vars": "error"想抓style字符串里的变量？不行，那不是变量 - 想用
eslint-plugin-jsx-a11y检查可访问性？它会提醒style掩盖焦点，但不会告诉你margin-left: 20px和margin-left: 2rem哪个更合理
HTML 内联样式的对齐问题，本质是 CSS 层面的规范约束，硬塞进 ESLint 配置只会让规则链断裂、报错不可信、维护成本陡增。
