这篇文章将为大家详细讲解有关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里的图片等比例缩小”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。