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