通过css的line-clamp属性来控制文本显示的行数

演示

1
2
3
4
5
6

.fold {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

• 依赖了white-space和inline-block属性
• 使用dom元素(不是jQuery对象)的scrollWidth获取内容的实际宽度，高度也一样
• 不需要再使用$(content).width()来获取宽度了，这对于元素宽度不一的情况尤为难得
• 感觉基础API还是需要学习下的

参考https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollWidth
demo

动画起始位置 : keyframes 0% 或者 from, 不是元素默认位置
动画结束位置 : keyframes 100% 或者to

• 依赖了flex-wrap属性，目前android4.4以下不支持
• 方案一，固定了显示个数，无论宽度是多少均会显示固定个数，可能会导致宽度小时每个条目过窄，显示不全
• 方案二，显示个数不固定，优点是可以通过min-width将内容显示全面，宽度小时显示的个数也会更少

示例一 示例二

在实际的项目开发中，我们需要输入文本并且支持换行等，html的input文本框远远不能满足我们实际的需求.而采用文本编辑器插件又太过于复杂。那么怎么实现后台Enter换行在前台显示换行操作呢？

在javascript我们经常会用到特征检测而不是针对浏览器版本，好处就不多说了。那么针对css需要怎么判断呢？
比如：浏览器是否支持display:flex-box等等。

通常利用 ssh 连接远程服务器，一般都要输入以下类似命令：

1

ssh user@hostname -p port

如果拥有多个 ssh 账号，特别是像我这种喜欢在终端里直接 ssh 登陆，不用 PuTTY、SecureCRT之类的 ssh 客户端的，要记住每个ssh 账号的参数，那是多么蛋疼的事情。
还好，ssh 提供一种优雅且灵活的方式来解决这个问题，就是利用 ssh 的用户配置文件 config 管理 ssh 会话。ssh 的用户配置文件是放在当前用户根目录下的 .ssh 文件夹里（~/.ssh/config，不存在则新创建一个），其配置写法如下：

1
2
3
4
5

Host  别名
    HostName        主机名
    Port            端口
    User            用户名
    IdentityFile    密钥文件的路径

有了这些配置，就可以这样用 ssh 登陆服务器了：

1

ssh 别名

原文

###完全不跨域情况(域名完全相同)###

设置domain是指相同的主域名

普通iframe和内容被表单target冲掉的还是有区别的

target冲掉是一种比较古老的提交方式，具体原理参见使用JavaScript发送表单

demo

垂直水平居中是日常前端开发当中一个常见的需求，在支持 CSS3 属性的现代浏览器当中，有一个利用 CSS3 属性的垂直水平居中方法。