首页前端开发CSSCSS让图片中网页中水平居中代码

CSS让图片中网页中水平居中代码

时间2024-05-25 20:56:03发布访客分类CSS浏览108
导读:运用CSS让图片中网页中水准居中代码: text-align:center 模式居中text-align:center简介: text-align:center为程度形式居中效用,图片放上钩页中是运用img标签引入,所以要让图片程度居中,...

运用CSS让图片中网页中水准居中代码:
text-align:center

模式居中text-align:center简介:
text-align:center为程度形式居中效用,图片放上钩页中是运用img标签引入,所以要让图片程度居中,只必要对图片父级(上一级)设置此水准居中CSS便可。

一、对div内图片设置水准居中实例

1、CSS代码

div{
     width:400px;
     height:110px;
text-align:center}
 

这样便可设置div内图片居中。

2、html代码

3、图片水准居中实例截图


img图片在div内程度居中实例截图

二、对指定class对象内图片设置居中

1、CSS代码

.exp{
     width:300px;
     height:80px;
text-align:center}
     

为了看到图片居中造诣,配置对象宽度和高度

2、HTML形式代码

3、功效截图


图片作为内容被程度居中

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS让图片中网页中水平居中代码
本文地址: https://pptw.com/jishu/668001.html
使用css设置div高度所用高度代码 采用DIV+CSS的方式实现各种样式制作定位

游客 回复需填写必要信息