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

想在侧栏添加一个小工具。小工具采用表格的形式,表格框线不显示,其中插入三行图片,图片可以自动适应侧栏的宽度,自动的调整图片的大小,并占满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上值得关注的美女

如何设置让WordPress Twenty Fourteen 页面宽度占满页面

使用WordPress 2014官方主题:Twenty Fourteen 的朋友常有一个疑惑,为什么在右侧会有一部分留白?

我个人的理解是设计师有一个自己坚持的页面各个分栏的最佳比例,所以采用的右侧留白的方式。

不过还是有很多的用户对此总感觉很别扭,所以希望Twenty Fourteen 主题的宽度占满页面——各有各的强迫症。

在网上看到了Satxt所提供的解决方案:修改CSS。

在Twenty Fourteen主题样式表文件 (style.css)中添加下边代码,粘贴到最后就可以了:

/**
* 以下内容设置让页面占满100%
* —————————————————————————–
*/
.site,
.site-header {
max-width: 100%;
}

这个方法比较简单,我也尝试了一下。效果还是比较理想的。

你可以通过鼠标拖动网页浏览器的侧边,看看不同的宽度下页面所发生的变化,还是蛮有意思的。分栏宽度的变化,显示分栏数量的变化……

土木坛子-博客圈里的活雷锋

虽然土木坛子博主-谭智军博士比较谦虚,但在很多网友的心里,他早已经是被官方“认证”的“名博”,今天我还想再给他加上一个“活雷锋”的称号。

雷锋和他的战友

初识“土木坛子”

第一次了解并对谭博士留下印象,是在望月博客上读到的一个博客报道系列——#优秀中文博客巡礼#

土木坛子的博主叫谭智军,目前是一名游学于比利时的博士研究生,在根特大学从事水泥建筑材料的研究,土木工程的专业和谭子的谐音,构成了博客名字的来历。

博主自诩自己人如其名,又土又木,不过我从博主的照片中,看出了书卷气中透出的刚毅。(尚磊注:照片未敢冒然引用,大家可点击下面的原文链接欣赏)

谭兄的博客发展轨迹和我差不多,也是2006年开始写博,只不过我当时在网易写,而他在搜狐,算是世界上最遥远的距离了。也是后来转入到blogspot,再后来因为无法访问而独立,同样一开始属于流水账式,只不过,后来我的博客渐渐的脱离了我的生活,混入了“IT”的行列,而他,依然坚持写着他的生活、工作和学习。

任何事情,只要坚持,就一定会有成果,就好比,看起来没有明确目的、明确主题和“中心思想”的土木坛子现在也是小有名气了。

他坚信,只要用心写,就会帮助到很多人,而且一次写作,以后一劳永逸地帮助着别人,比如自己读的书,比如自己玩的wii和kindle,甚至,如何品尝葡萄酒等,当然,更多的是自己的一些想法,有了想法,文章也就有了灵魂,这,或许就是博客区别于网站的最大之处了吧。

我和土木坛子是在评论中结识的,后来聊天慢慢的熟了,对了,还有一个共同之处就是,我们都很想为了我们的小学母校做点什么,我是因为去年回家乡的时候看到儿时的小学的厕所还是那个脏水横溢的茅坑,想援建,不过任重而道远,而谭兄却开始行动了。

他把自己的Google Adsense 收入和网友的捐赠(https://tumutanzi.com/archives/11055,目前已经有3000多了)累计起来,预备为儿时小学捐赠点图书之类的实物。

在和他聊起博客备案的问题时,他笑称就算被墙也不备案,没想到一语成谶,就在本文发布之时,土木坛子在国内已经无法访问了,原因未知!我仔细看了看他的文章,却没有发现什么出格的内容。

现在想访问土木坛子,除了采取技术手段之外,还可以用SSL加密地址https://tumutanzi.com 访问。

Via:望月博客-微信公众账号

读了这篇日志以后,我也开始有意识的关注土木坛子。基本每篇文章都不会错过。

你也知道,现在博客圈很不景气,可读性强的博客并不多,而土木坛子是其中难得的值得一读的博客。

读土木坛子,不要只是读文章,文章下面的评论也是相当的精彩和热闹。常有深入的探讨分析,也有浅出的调侃玩笑。

谭博士一定是一个很注意回访的勤奋博主。他寻着我的评论来到我的博客,常有点评,不乏警醒之语。

试着为各位看官略举三例:

关于Google Adsense 的优化

有段时间我的博客上放置了三个Google Adsense 的广告单元,还有阿里妈妈的广告单元。

谭博士热心的给我建议,大意是我的广告单元都是尺寸小、不显眼的广告单元,而且广告单元稍多,可能稀释了点击单价。不如少放几个,采用单价更高的大矩形。

我感觉很受启发,就撤掉了阿里妈妈的广告单元,保留了两个Google Adsense 的大矩形广告放置在页首和侧栏。

通过对此后Google Adsense 报告的分析,收入确实有所提高。

“多说”评论框

我使用了很长一段时间的多说评论框,不过评论框的加载速度不稳定,尤其是海外。

土木坛子跟我反馈,多说加载速度太慢,无法给我留言。为此他通过Facebook给我留言。

我以前也在土木坛子的博客上看过他对于系统自带评论系统有利于Google 索引的看法。

我权衡了一番,就把多说的评论框取消了。

七牛云CDN

为了加快网站的加载,我也使用了七牛云的加速缓存。

今天谭博士通过邮件反馈,我的博客在英国打开时经常丢失CSS样式。截图后并通过邮件发给我。

WordPress CSS样式丢失

在我想解决对策的时候,他给我发来了第二封邮件,所提的建议和我的想法不谋而合:

停止对网站JS文件和CSS文件的缓存。

我通过水煮鱼博客的七牛云插件做了修改。

结语

土木坛子对陌生如我都如此,对他人大家可想而知。

所以,我想到的这个“活雷锋”的称号,是有道理的。

此文非一次冲动之作,而是多次经历后的深切感受。