div⾥⾯的img⽔平垂直居中的(5种⽅法)⽅法⼀:⽤定位
⾸先创建⼀个盒⼦,在盒⼦⾥⾯放⼀张图⽚
在style⾥写
此时图⽚就会⽔平垂直居中在盒⼦⾥。
⽅法⼆:⽤ display:flex;
直接看图
css设置文字垂直居中 css⾥⾯
⽅法三:⽤ display:table-cell;
盒⼦
css样式
⽅法四:⽤空标签的⽅法;
在盒⼦中写⼀个i的空标签
css样式
这样也可以使图⽚⽔平垂直居中
⽅法五:⽤定位和第⼀种⽅法相似;
盒⼦
css样式
这些⽅法是博主能想到的使图⽚⽔平垂直居中⽅法,如有更好的欢迎骚扰。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论