我目前正在学习前端开发,所以这是我的第一个问题。

我正在为一个咨询团队制作一个页面的网站,但是在该团队页面中出现了部分异常显示,我无法使对齐的内容与我想在文本顶部添加的图像对齐。

这是我代码“”

EquipoPs. Brad PittAssociateLorem ipsum.Ps. Jennifer AnistonAssociateLorem Ipsum.

CSS

.altura {
margin: 3vw 20vw 3vw 20vw;}.container {
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;}.teamg {
grid-column-start: 2;}.teamg img {
align-content: center;
height: 180px;
width: 180px;
border-radius: 50%;
border: 5px solid #2b2c35;}.fotoequipo {
align-items: center;
height: 180px;
border-radius: 50%;
border: 5px solid #2b2c35;}.teamg2 {
grid-column-start: 4;}.teamg2 img {
align-content: center;
height: 180px;
width: 180px;
border-radius: 50%;
border: 5px solid #2b2c35;

您需要像这样将文本居中:

.teamg { grid-column-start: 2; text-align: center; }

和这个:

.teamg2 {
 grid-column-start: 4;
 text-align: center;}