soword科技言
永久公益免费API接口
提供永久免费的API接口,查看更多API接口,如果您有其他免费API资源,请联系我们,造福人类。
提供商务开发:小程序,系统,APP
定制开发,免费评估,免费咨询,价格便宜,售后保障,前往开发服务中心联系开发客服中心
在网格(CSS)中居中放置图像

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

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

这是我代码“”

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;}



2023-03-22 10:04:19

新人小程序+APP定制199元起


发放福利,助力中小企业发展,真正在互联网中受益

点击询问定制

广告服务展示