Html 使用flex垂直和水平居中时，从跨距中删除下划线

a标记应加下划线，但跨度标记不应加下划线

此解决方案在我的情况下不起作用： 当我使用flex将a标记居中时

html，正文{
宽度：100%；
身高：100%；
}
.包装纸{
背景：rgba（0,0,0,0.3）；
宽度：200px；
高度：200px；
显示器：flex；
}
.中心{
背景：浅绿色；
显示器：flex；
对齐项目：居中；
柔性生长：1；
证明内容：中心；
}
跨度{
显示：内联块；
文字装饰：无；
}

---

从

a

标记中删除下划线，将要加下划线的内容包装在span中，并将下划线添加到该特定span中

下面是一个工作示例

a标记应加下划线，但跨度标记不应加下划线

此解决方案在我的情况下不起作用： 当我使用flex将a标记居中时

html，正文{
宽度：100%；
身高：100%；
}
.包装纸{
背景：rgba（0,0,0,0.3）；
宽度：200px；
高度：200px；
显示器：flex；
}
.中心{
背景：浅绿色；
显示器：flex；
对齐项目：居中；
柔性生长：1；
证明内容：中心；
}
跨度{
显示：内联块；
文字装饰：无；
}
a{
文字装饰：无；
}
.下划线{
文字装饰：下划线；
}

---

很好的解决方案！真不敢相信我居然没想到。