让文本框中的文本垂直居中

项目中经常有一些需求是input输入框文本居中的处理,为了兼容各个浏览器,尤其是IE,必然要做一些特殊的处理。一般情况下,我比较倾向于,只对input这一标签添加line-heigth的css样式,以完成可兼容各浏览器文本居中的操作,当然使用padding结合margin可以比较好的实现文本框文本居中,但个人感觉复杂了那么一点点,毕竟还有包裹一下额外的标签已完成文本居中,所以padding和margin的方法本文不去赘述。

继续阅读…

Font Awesome:Boostrap 矢量字体图标

Font Awesome 是专门为 Twitter Bootstrap 设计的一套图标字体库,它几乎囊括了网页中可能用到的所有图标,通过Web Font的方式来显示图标。

正如其官方网站上所说的:

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

好处就是图标可以任意缩放、改变颜色,你可以像修改文字样式那样修改图标样式,非常方便易用。
继续阅读…

Centos下安装Sphinx试用

什么是Sphinx?

简单来讲,就是一个基于ReStructuredText的文档生成工具。方便易用,功能强大。

而关于reStructuredText,确切的来讲是一种文档语法,类似的文档语法网上很多,像markdown、docbook等,众人熟知的应该是markdown,网上很多人基于此文档语法书写文档、博客等,它的语法相对来讲比较简单,通俗易用。markdown与reStructuredText二者算的上旗鼓相当,rst在python社区貌似用的比较多,毕竟基于rst的Sphinx是用python开发的,Python的官方文档既是采用sphinx生车的文档系统,还有最近看到的42区官方文档。

继续阅读…

Junior2011 主题发布下载

话说2012年没怎么折腾主题了,Junior2011这个主题也是去年(2012年)年初的时候开发的,期间一直是自己在使用,同时也有一些朋友索求使用,自己也一直没有发布,只是自己觉得做的还不够好,同时也是想自己在2012年能够有一个与人不雷同的主题,所以就迟迟没发布出来,自开发完成陆续修了一些bug和微调,兼容了各主流浏览器,主题也支持了Bigpipe技术。
继续阅读…

页面强制折行与不折行相关代码

页面强制折行代码:

.wrap{
    white-space: pre; /* CSS2 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

页面强制不折行代码:

.unwrap{
    white-space:nowrap;
}

—-<完 - End>—-