“字符串减法”指安全剥离CSS值中独立的单位后缀（如px、%），仅保留前面数字部分，需通过正则锚定数字+单位组合并避免误删嵌套内容或关键字，核心是精准识别单位词尾边界。
什么是“字符串减法”在CSS单位处理中的真实含义
它不是C++内置运算，而是指从字符串中移除所有匹配的CSS单位（如px、em、%等），只保留数字部分。常见于解析style.width或getComputedStyle返回值（如"123px" → "123"），但注意：不能简单删后缀——"100%"和"100px"都含"100"，而"minmax(100px, 200px)"这类函数值需整体跳过，不能暴力替换。
核心难点不在删除，而在**识别哪些是独立的单位词尾**，避免误伤数字本身或嵌套结构。
用std::regex_replace安全剥离单位（C++11起）
正则最直接，但必须锚定单位出现在字符串末尾且前面是数字（或带符号/小数点）。错误写法：std::regex_replace(s, std::regex("px|em|rem|%"), "") —— 会把"max-width"里的"max"误当"em"删掉。
正确模式应满足：单位前有数字（可含+/-、小数点）、单位后是字符串结束或空白/括号/逗号等分隔符：
- 推荐正则：
std::regex(R"(([-+]?\d*\.?\d+)\s*(px|em|rem|ex|ch|vw|vh|vmin|vmax|%)\b)")) - 用
$1反向引用只保留数字部分，实现“减法”语义 - 对多单位混合（如
"10px 20em"）自动逐个替换，无需循环 - 注意
\b确保px不匹配px2，%不匹配%20
std::string removeCssUnits(const std::string& s) {
static const std::regex re(R"(([-+]?\d*\.?\d+)\s*(px|em|rem|ex|ch|vw|vh|vmin|vmax|%)\b)");
return std::regex_replace(s, re, "$1");
}
不用正则时的手动扫描（兼容C++98或规避regex开销）
适用于嵌入式、性能敏感场景，或需完全控制逻辑（比如跳过url(...)、calc(...)内内容）。关键不是“找单位”，而是“找数字+单位组合”的合法边界。
手动扫描要点：
- 遍历字符串，用状态机区分：普通文本 / 数字开头 / 单位匹配中 / 括号嵌套内
- 遇到
'('进括号态，直到对应')'才恢复解析 - 数字部分允许
+/-、小数点、e/E科学计数（如"1.5e-2px"） - 单位必须紧贴数字后，且后接空格、
')'、','、';'或字符串结尾 - 别忘了
calc(10px + 2em)这种——整个calc()应原样保留，不拆解
容易被忽略的边界情况和坑
多数人只测"12px"，但真实CSS值更复杂：
立即学习“前端免费学习笔记（深入）”；
-
"0"和"0px"都合法，但"0%"不能简化为"0"（语义不同，但字符串减法目标是纯数字，通常接受） -
"100.000vw"→ 应保留"100.000"，而非截断成"100"；小数精度需原样保留 -
"inherit"、"auto"、"none"等非数值关键字必须原样通过，不能被正则误匹配（如"none"含"on"，但on不是CSS单位） - Windows路径如
"C:\temp\100px"会被误处理——若输入来源不可控，先判断是否为CSS值再处理 -
std::regex在GCC libstdc++中某些版本对\b支持不一致，测试时用"100px "（带空格）比"100px"更可靠
px的函数，而是让这个函数在grid-template-columns: [a] 1fr [b] 200px 1fr;这种上下文中不崩、不漏、不误杀。单位剥离永远要服务于后续用途——如果下一步是转double，那保留原始字符串格式比“看起来干净”更重要。 
