如何设置一个表格其中的图片可以自适应表格大小进行自动的等比例缩放

想在侧栏添加一个小工具。小工具采用表格的形式,表格框线不显示,其中插入三行图片,图片可以自动适应侧栏的宽度,自动的调整图片的大小,并占满100%的宽度。

如何设置CSS代码,希望高手指点。在此谢过。

以下是我的基本代码:

<table border="0">
<tbody>
<tr>
<td><a href="http://shanglei.net/hiwiki/index.php?title=Instapaper"><img src="http://hiseeker.u.qiniudn.com/pic-1409-instapaper-icon.jpg" alt="" /></a></td>
<td><a href="http://shanglei.net/hiwiki/index.php?title=%E5%88%86%E7%B1%BB:%E6%8C%87%E7%8E%AF%E7%8E%8B"><img src="http://hiseeker.u.qiniudn.com/pic-1409-the-ring-of-king.jpg" alt="" /></a></td>
<td><a href="http://shanglei.net/hiwiki/index.php?title=Instagram%E4%B8%8A%E5%80%BC%E5%BE%97%E5%85%B3%E6%B3%A8%E7%9A%84%E6%BC%82%E4%BA%AE%E5%A6%B9%E5%AD%90"><img src="http://hiseeker.u.qiniudn.com/pic-1503-Instagrammeinv.jpg" alt="" /></a></td>
</tr>
<tr>
<td>Instapaper</td>
<td>分类:指环王</td>
<td>Instagram上值得关注的美女</td>
</tr>
</tbody>
</table>
现在的效果是这样的。
Instapaper 分类:指环王 Instagram上值得关注的美女

本站全部文字内容使用知识共享署名-非商业性使用-相同方式共享授权。

期待你的持续关注: | RSS | QQ邮箱 | Feedly |

扫描二维码或在微信中搜索hishanglei

尚磊的博客的微信公众平台二维码

作者: Lei Shang

独学而无友,则孤陋而寡闻。

《如何设置一个表格其中的图片可以自适应表格大小进行自动的等比例缩放》有3个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注