css中怎么实现一个td或table里的图片等比例缩小
这篇文章将为大家详细讲解有关css中怎么实现一个td或table里的图片等比例缩小,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在弓长岭等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、成都网站制作 网站设计制作按需网站建设,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站建设,成都外贸网站建设,弓长岭网站建设费用合理。
1、p不做要求,内容居中就好了
2、放一个table进去,table的width=100%,这是最关键的
3、在td放一个img,img的max-width:100%;
附一个样式表:
table { width: 100%; margin:0 auto; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45,45,45,.15); font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 20px; /*color: #0; 不能用1个0 */ border: none; border-collapse: collapse; text-shadow: 0 1px 2px rgba(0,0,0,.3); } td{ /* max-width:100%; Mozilla才支持一个max-width 的CSS语法 */ background: #ffffff; border: none; /*solid #000 1px;*/ vertical-align:center; text-align:center; color: #000; } /* 分享页面图片自动缩放设备屏幕宽度 */ img.sharepage{ max-width:100%; }
关于“css中怎么实现一个td或table里的图片等比例缩小”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
文章名称:css中怎么实现一个td或table里的图片等比例缩小
本文网址:http://scyanting.com/article/igdjeo.html