【怎么使用CSS让图片水平垂直都居中?】CSS是层叠样式表 。下面 , 我们来看看怎么使用CSS让图片水平垂直都居中吧 。
操作方法01、新建一张文档
在桌面新建一张文本文档,改名为1.txt , 如下图所示:
02、基础代码
然后打开文本文档,编写基础代码,再把桌面上的老虎图片引入进去,如下图所示:
03、后缀名
然后把文本文档后缀名改为.html,如下图所示:
04、运行网页
然后在浏览器中运行网页,现在图片有了,只是还没有居中 , 图片居住代码要用CSS写,如下图所示:
05、CSS代码
然后写上CSS代码,如下图所示:
06、垂直水平居中
可以看到图片已经垂直和水平居中 , 如下图所示:
07、总代码
html
.picTiger{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
推荐阅读
- 设备管理器里找不到独立显卡怎么办?
- 怎么过企鹅号新手期立即开收益
- 苹果手机触屏失灵怎么办
- 淘宝流量怎么提升
- 怎么在百度上发表文章
- 联通卡怎么查话费余额,消费记录
- 百度熊掌号怎么注册认证熊掌号怎么玩
- QQ音乐怎么收听电台
- qqVIP会员怎么隐藏起来不给人看到
- qq邮箱怎么上传附件