CSS锦囊妙计

a伪类顺序

喜欢（love）和讨厌（hate），l(:link)ov(:visited)e，h(:hover)a(:active)te

让一个块级元素在某区域内居中（水平和垂直），兼容IE8+

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="container">
    <div class="box"></div>
</div>

.container{
    width: 300px;
    height: 300px;
    border: 1px #000 solid;

    position: relative;
}

.box{
    width: 50px;
    height: 50px;
    border: 1px #000 solid;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

在 Chrome 浏览器的 Elements 里面选中某个元素，按 H 可以隐藏该元素。

文字换行

1
2
3
4
5
6
7
8
9
/*强制不换行*/
white-space: nowrap; 

/*自动换行*/
word-wrap: break-word;
word-break: normal;

/*强制英文单词断行*/
work-break: break-all;

More...

记一次安装php redis拓展

从gitlab中获取最新代码，代码运行报错究其原因是本地环境没有安装php redis拓展，于是Google搜索：php redis 拓展，在第一页结果页面就找到答案，按照提供的步骤发现始终还是不行。

其实步骤很简单：

  • 步骤一：确定php版本（直接用phpinfo方法即可），根据版本信息下载合适自己的 php_redis.dll 文件

  • 步骤二：修改php.ini文件，追加 extension=php_redis.dll

More...

github中子模块问题

序

在我们开发项目的时候，可能需要加载第三方资源，那么这个时候就需要添加子模块，诸如我们的hexo博客，我们可能需要引用不同的主题，那么怎么添加子模块呢？

添加子模块

我们就拿本博客引用jane这个主题，其实这个主题就是一个第三方模块，我们应该怎么配置呢？我们打开这个页面它提示这样配置子模块：

1
git submodule add https://github.com/Alex-fun/hexo-theme-jane.git themes/jane

More...