Html 将样式应用于a<；span>；在a内；显示：flex"；

我遇到了一个问题，我想在文本下面加下划线，和/或向flex容器中的元素或任何其他元素添加其他样式。我遇到了一些问题：没有按我希望的方式工作。添加跨距会造成混乱。请阅读代码中的注释。如何添加其他样式并保持灵活性而不造成混乱

#首先
{
高度：527px；
背景：url（img/gbackground.jpg）不重复；
背景尺寸：封面；
证明内容：中心；
对齐项目：居中；
显示器：flex；
字体：正常30px/50px倍，衬线；
}

您的在线业务
查看我们的服务
您的在线业务
查看我们的服务

向容器提供

弹性方向：列

。

标记的更改：

• 生成

  。第一个
  类，而不是容器的id

• 已从第二个容器中删除打断线标记

看，如果有帮助的话

。首先
{
高度：527px；
背景：url（img/gbackground.jpg）不重复；
背景尺寸：封面；
证明内容：中心；
对齐项目：居中；
显示器：flex；
字体：正常30px/50px倍，衬线；
弯曲方向：立柱；
}

您的在线业务
查看我们的服务
您的企业在线查看我们的服务

请参见下文。我记录了源代码中的更改

#首先
{
高度：527px；
背景：url（img/gbackground.jpg）不重复；
背景尺寸：封面；
证明内容：中心；
对齐项目：居中；
显示器：flex；
弹性方向：列；/*从行更改（默认）*/
字体：正常30px/50px倍，衬线；
}

您的企业在线查看我们的服务