我目前正在学习前端开发,所以这是我的第一个问题。
我正在为一个咨询团队制作一个页面的网站,但是在该团队页面中出现了部分异常显示,我无法使对齐的内容与我想在文本顶部添加的图像对齐。
这是我代码“”
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;}