从父容器分隔容器宽度 我是CSS中的新手，我在一个简单的圆中工作，在圆的中间添加了一个SVG图像，在圆圈的底部添加了一个简单的文本

代码：

。治疗方法\uuu标题{
边缘顶端：4em；
颜色：#0e4f1f；
文本对齐：居中；
}
.治疗方法、标题、补充{
文本对齐：居中；
}
.治疗方法{
显示器：flex；
/*柔性包装：包装*/
文本对齐：居中；
}
.处理方法图标容器{
弹性：1021%；
保证金：5px；
高度：100px；
}
.治疗方法图标外圆{
背景色：#0e4f1f；
边界半径：50%；
宽度：130px；
高度：130像素；
填充：30px；
}
.治疗方法\u图标{
垂直对齐：中间对齐；
宽度：70px；
高度：70像素；
/*边界半径：50%*/
颜色：#ffffff；
}
.治疗方法图标文本{
颜色：#0e4f1f；
边缘顶端：4em；
}

这是我的责任，也是我的责任

心灵治疗

心灵治疗

心灵治疗

心灵治疗

您可以简单地与

对齐项目

和

对齐内容

一起使用，使您的

部分

保持在屏幕中央，并为标题和圆圈添加一个名为

标题图标的div

并使用

显示：内联块

您的

圆圈

将位于文本

块

的（中心）范围内，并且也将响应

现场演示：

。治疗方法\uuu标题{
边缘顶端：4em；
颜色：#0e4f1f；
文本对齐：居中；
}
.治疗方法、标题、补充{
文本对齐：居中；
}
.治疗方法{
显示器：flex；
/*柔性包装：包装*/
文本对齐：居中；
}
.处理方法图标容器{
弹性：1021%；
保证金：5px；
高度：100px；
}
.治疗方法图标外圆{
背景色：#0e4f1f；
边界半径：50%；
宽度：130px；
高度：130像素；
填充：30px；
}
.治疗方法\u图标{
垂直对齐：中间对齐；
宽度：70px；
高度：70像素；
/*边界半径：50%*/
颜色：#ffffff；
}
.治疗方法图标文本{
颜色：#0e4f1f；
边缘顶端：4em；
}
.title_图标{
显示：内联块；
}
1.治疗方法{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}

这是我的责任，也是我的责任

心灵治疗

心灵治疗

心灵治疗

心灵治疗