如何使用 CSS 截断文本?

CSS HTML 盒模型 text-overflow overflow line-clamp 优雅降级 inline

在很多UI设计中会限制文本长度,这时需要我们适当地截断文本显示省略号。 同时响应式布局也要求动态的文本长度,在大屏幕中显示较长文本,而在小屏幕中显示较少文本。 显然用CSS比JS能够更简洁地完成这项工作。 下文介绍了对单行/多行文本如何进行截断,以及何种情况下截断不起作用。先看图:

@2x

用 Cron 定时任务更新壁纸

HTML Linux Unix Vim awk crontab grep sed

最近看到Set Desktop to NASA Astronomy Picture of the Day一文,这个OSX下的Automator脚本可以每天自动去NASA(美国宇航局)下载“每日一图”,并设置为桌面。居然有这么酷的事情!于是harttle按照这篇文章的指示,完成了这个脚本。

第二天早上发现壁纸自动更新时harttle真是兴奋不已,然而第三天壁纸却没有更新… harttle也找不到Automator的日志在哪里,后来发现日历中的Automator触发器失效了?无奈之下,harttle又回到了Linux Way:使用 Cron 定时任务更新壁纸。现在稳定多了!

Vim 多文件编辑:窗口

Vim-Practice Bash Linux Vim 快捷键

标签页(tab)窗口(window)缓冲区(buffer)是Vim多文件编辑的三种方式,它们可以单独使用,也可以同时使用。 它们的关系是这样的:

A buffer is the in-memory text of a file. A window is a viewport on a buffer. A tab page is a collection of windows. –vimdoc

本文主要介绍Vim窗口的创建与维护,另外两种编辑方式的使用可以参考: Vim 多文件编辑:缓冲区Vim 多文件编辑:标签页。先上图:

Vim 多文件编辑:标签页

Vim-Practice Bash Linux Vim 快捷键

多文件编辑的场景太常见了:代码比对、项目重构、模块构建… 最初harttle在碰到这些问题时直接转向IDE了,其实Vim不仅支持多文件编辑,而且支持多种风格:标签页(tab)窗口(window)缓冲区(buffer)等。 今天harttle就来介绍一下Vim强大的多文件编辑!本文介绍Vim标签页的使用,另外两篇文章在这里:

要做一个强大的IDE,除了多文件编辑技巧,你可能还需要终端复用目录树

导航: 上一页 下一页

🔝