用css实现单行截断与多行截断,最后以省略号结尾
有个很常见的业务场景,就是实现单行截断或者使用多行截断,最后要以省略号结尾。比如某个商品的标题太长,在有限区域内不能完全展示,如果要全部展示,页面就会很丑,所以要单行或多行截断。这里记录一下常见的解决办法。
有个很常见的业务场景,就是实现单行截断或者使用多行截断,最后要以省略号结尾。比如某个商品的标题太长,在有限区域内不能完全展示,如果要全部展示,页面就会很丑,所以要单行或多行截断。这里记录一下常见的解决办法。
不知道从哪一年开始,印象中每一次生日,我都会感冒,这样直接导致我本可以吃很多想吃的食物都会因为要忌口而不得已吃不到,过后想补回来又没有了这种兴致。今年也不例外,喉咙又不行了,多喝热水喝了三天,还没恢复完好。
去年就想写一篇关于台湾旅游的文章,因为懒一直拖着。最近很多朋友想去台湾旅游,问起相关话题,都是差不多的问题,这里做个攻略,统一回答一些疑问。
好不好玩这是个很主观的问题,再好玩的地方也有人觉得不好玩,再不好玩的地方也有人能很欢乐地玩出花样来。而台湾给我的感受是:好玩值得去,而且值得去很多次。
正则表达式主要还是知识点多而杂,看过很容易忘,所以,看完知识点及时练习很重要。
值得一说的是\b\B表示边界,可以在匹配结束时使用。
类似[abc]的,就是一个字符集,表示匹配方括号里面的一个字符。这里[abc] == [a-c]
我们知道,书本印刷的排版是从上而下,从左到右,一行装不下换行,依次排列的规则,css中正常流也是这种规则。不同的是,css标准中有格式化上下文的概念。
Css标准中,规定如何排布文字或盒的算法,这个算法依赖一个排版的“当前现状”,css把这个当前状态称为“格式化上下文”。
格式化上下文又分为块级格式化上下文和行内级格式化上下文。块级格式化上下文从上到下依次排列,行内级格式化上下文从左到右依次排列,排不下换行。
所以,遇到一个元素需要排版,一般有以下三种情况: * 遇到块级盒,排入块级格式化上下文 * 遇到行内级盒或文字,排入行内级格式化上下文,排不下创建一个行盒排版,行盒会创建一个行内级格式化上下文。(行盒是块级,所以又到上一种情况) * 遇到float盒,将float盒的顶部盒当前行内级上下文上边缘对齐,float方向的那条边对齐,重新排版