用css实现单行截断与多行截断,最后以省略号结尾

有个很常见的业务场景,就是实现单行截断或者使用多行截断,最后要以省略号结尾。比如某个商品的标题太长,在有限区域内不能完全展示,如果要全部展示,页面就会很丑,所以要单行或多行截断。这里记录一下常见的解决办法。

生日快乐,懒人先生

不知道从哪一年开始,印象中每一次生日,我都会感冒,这样直接导致我本可以吃很多想吃的食物都会因为要忌口而不得已吃不到,过后想补回来又没有了这种兴致。今年也不例外,喉咙又不行了,多喝热水喝了三天,还没恢复完好。

台湾旅游不完全指南

去年就想写一篇关于台湾旅游的文章,因为懒一直拖着。最近很多朋友想去台湾旅游,问起相关话题,都是差不多的问题,这里做个攻略,统一回答一些疑问。

台湾好玩吗?值得去吗?

好不好玩这是个很主观的问题,再好玩的地方也有人觉得不好玩,再不好玩的地方也有人能很欢乐地玩出花样来。而台湾给我的感受是:好玩值得去,而且值得去很多次。

去台湾前要准备什么?

  1. 两个证:入台证与台湾通行证。入台证可以在淘宝、旅行社、「台湾自由行」网站办理。
  2. 个人签注,即台湾通行证需要签注。
  3. 提前买机票,往返的都要买,没有返程的票是不能登机的。提前买会便宜一点。另外,广东的朋友买虎航澳门飞,也会比较便宜,土豪随意。
  4. 行程单。机票行程单要打印。
  5. 托运。买的是虎航的话可以手提10kg的行李上级,如果东西多需要买托运,现场买比较贵,推荐虎航官网买。
  6. 电话卡。可以买中华电信、大哥大、远传,淘宝有卖,可以提前买好,也可以去到台湾再买。
  7. 交通卡。交通卡可以买悠游卡,去到台湾之后在711、全家、捷运站等很多地方都有得卖。
  8. 可能会用到的软件:Google map(必备)、Airbnb、Agoda、booking。
  9. 台币。去到台湾机场有ATM机,直接取就行,汇率比较好。很多地方都可以用支付宝、信用卡支付,挺方便。

正则表达式必知必会

正则表达式主要还是知识点多而杂,看过很容易忘,所以,看完知识点及时练习很重要。

首先,掌握一些常用的元字符:

image

值得一说的是\b\B表示边界,可以在匹配结束时使用。

其次是掌握必要的量词意义:

image

然后我们了解一下分支与字符集的概念。

类似[abc]的,就是一个字符集,表示匹配方括号里面的一个字符。这里[abc] == [a-c]

聊聊css布局

从normal flow说起

我们知道,书本印刷的排版是从上而下,从左到右,一行装不下换行,依次排列的规则,css中正常流也是这种规则。不同的是,css标准中有格式化上下文的概念。

Css标准中,规定如何排布文字或盒的算法,这个算法依赖一个排版的“当前现状”,css把这个当前状态称为“格式化上下文”。

格式化上下文又分为块级格式化上下文和行内级格式化上下文。块级格式化上下文从上到下依次排列,行内级格式化上下文从左到右依次排列,排不下换行。

所以,遇到一个元素需要排版,一般有以下三种情况: * 遇到块级盒,排入块级格式化上下文 * 遇到行内级盒或文字,排入行内级格式化上下文,排不下创建一个行盒排版,行盒会创建一个行内级格式化上下文。(行盒是块级,所以又到上一种情况) * 遇到float盒,将float盒的顶部盒当前行内级上下文上边缘对齐,float方向的那条边对齐,重新排版