福建快三现场直播开奖记录 福建快三二同单选推荐 福建快三助手下载安装到手机 福建快三交流群 福建快三以往开奖 福建快三当天开奖走势 福建快三计划软件手机版 福建快三两天没开555 福建快三25号是多少钱 福建快三开奖结果走势图一定牛 福建快三未出号码统计器 福建快三开奖视频 福建快三开奖结果查询今天 福建快三正规销售平台 福建快三专家推荐号
51网络科技专业提供

香港空间

美国空间

国内免备案空间

月付空间

免备案虚拟主机

,支持免费试用2天
售前客服
在线咨询
在线咨询
在线咨询
在线咨询
售后服务
在线咨询
在线咨询
财务问题
在线咨询
代理?#29992;?/SPAN>
在线咨询
 
推荐产品
    300M国内免备案空间
    300M网站空间,送60M数据库!
    现价只要:22元/月
    500M国内免备案空间
    500M网站空间,送100M数据库!
    现价只要:29元/月
    1G国内免备案空间
    1G网站空间,送300M数据库!
    现价只要:39元/月
    500M香港免备案空间
    500M网站空间,送160M数据库!
    现价只要:26元/月
    1G香港免备案空间
    1G网站空间,送300M数据库!
    现价只要:36元/月
    100M美国空间
    100M网站空间,送30M数据库!
    现价只要:12.8元/月
 
您的当前位置:首页 > 常见问题 > 建站常见问题 > 正文
css图片大小自适应高度并垂直对齐
文章来源:51网络科技  点击数:  更新时间:2017-7-21 11:12:52
购买国内免备案空间购买香港空间【不限iis】宽屏网站制作【还送手机网站】
香港云主机/99元/月国内空间【免费备案】 特价网站空间
.Net专用空间香港独立IP空间 游戏空间【支持月付】

做网站的朋友可能经常遇到网站上面展示的图片显示变形的问题,那么我们如何处理这个问题呢

首先我们分析一下,一般都是固定宽度,高度自动,这样显示比较好看些,如下图所示:

 

css图片大小自适应高度并垂直对齐

 

经过实验总结,将代码附出来大家可以参考下:

.resize { width:218px; height:218px;vertical-align:middle;line-height:218px;  }  //固定容器的高度和宽度,并设置上下对齐

.resize img { width:218px; height:auto !important;max-height:218px;vertical-align:middle;line-height:218px;  }  // 图片宽度固定,高度自适应

再将样式标签加到你的模板中去就行了。

有需要做企业网站的朋友,可以找我们了解一下宽屏网站制作,专业建网站公司为您做出精美的网站。


国内、香港、美国、全免备案www.ibuhg.live--51网络科技,专业免备案空间提供商!
标 签:片大小自适应高度并垂直对齐 服务器 香港免备案主机 小程序开发 云主机 网站建设
相关文章

上班时间:周一至周六 (9:00-12:00 13:30:00-17:30 19:00-23:00) 电子邮箱:[email protected]  微信公众号:mianbeian
版权所有:51免备案空间 Copyright All Reserved. © 2005-2018 www.ibuhg.live [站点地图] [网站地图]
售前咨询电话:020-27656258 (多线) 售后技术支持:139-8163-8525 传真:020-27656258 客服QQ:984651771(24H)

免备案空间
51网络科技-专业免备案空间提供商
福建快三和值走势图
福建快三现场直播开奖记录 福建快三二同单选推荐 福建快三助手下载安装到手机 福建快三交流群 福建快三以往开奖 福建快三当天开奖走势 福建快三计划软件手机版 福建快三两天没开555 福建快三25号是多少钱 福建快三开奖结果走势图一定牛 福建快三未出号码统计器 福建快三开奖视频 福建快三开奖结果查询今天 福建快三正规销售平台 福建快三专家推荐号