如何更改代码，使其具有与图片中的HTML、CSS类似的平衡圆位置？
如何调整代码，使圆圈与所有响应断点中的文本块居中。文本块的宽度也必须相等，并且有中心对齐的列。文本列之间的垂直间距也需要相等如何更改代码，使其具有与图片中的HTML、CSS类似的平衡圆位置？,html,css,Html,Css,如何调整代码，使圆圈与所有响应断点中的文本块居中。文本块的宽度也必须相等，并且有中心对齐的列。文本列之间的垂直间距也需要相等 我也在这里附上了这张照片，我想这样做。试试这个简单的过程。。。您需要设置宽度、高度、边界半径属性以获得合适的圆 试试这个简单的过程。。。您需要设置宽度、高度、边界半径属性以获得合适的圆 Flexbox非常适合这种布局 设计了柔性箱模块，通常称为flexbox 作为一个一维布局模型，作为一种可以提供 界面中项目之间的空间分布 校准能力 ul{ 显示器：flex； 显示：
我也在这里附上了这张照片，我想这样做。试试这个简单的过程。。。您需要设置宽度、高度、边界半径属性以获得合适的圆
ul{
显示器：flex；
显示：块；
列表样式类型：无；
保证金：0；
填充：0；
}
李{
弹性：1；
最大宽度：150px；
文本对齐：居中；
显示：内联块；
}
.圆圈{
边框：1px实心橙色；
边界半径：50%；
高度：120px；
宽度：120px；
线高：120px；
保证金：12px自动；
}
.circle txt{
文本对齐：居中；
}
-
圈1
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。
-
圈2
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。
-
圈3
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。
ul{
显示器：flex；
显示：块；
列表样式类型：无；
保证金：0；
填充：0；
}
李{
弹性：1；
最大宽度：150px；
文本对齐：居中；
显示：内联块；
}
.圆圈{
边框：1px实心橙色；
边界半径：50%；
高度：120px；
宽度：120px；
线高：120px；
保证金：12px自动；
}
.circle txt{
文本对齐：居中；
}
-
圈1
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。
-
圈2
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。
-
圈3
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Morbi scelerisque是一种非ipsum eleifend eleifend。
两名欧盟智囊团成员，均为非欧盟成员。
这是我的荣幸，
罗特鲁姆内克苏打水。