在许久之前，曾经写过这样一篇文章--不定宽溢出文本适配滚动。我们实现了这样一种效果：文本内容不超过容器宽度，正常展示文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示像是这样：但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度，也就文本宽度不确定，容器宽度也不确定的话，那么整个效果会有一点瑕疵。瑕疵在于，当时的CSS技术，其实没法判断当前文本内容长度是否超过了其容器宽度，导致即便文本没有没有超长，Hover上去也会进行一个来回滚动，像是这样：容器查询cqw和CSS数学函数max背景描述大概是这样，感兴趣的同学，可以简单翻看一下上午提到
TheArtofCompileronBufferOverflow现代编译器GCC非常强大，它甚至可以在编译阶段防止缓冲区溢出，使操作系统无法在堆栈空间上运行代码。例如：1234567891011121314151617voidfunction(char*str){ charbuffer[16]; strncpy(buffer,str,256);}voidmain(){ charlarge_string[256]; inti; for(i=0;i256;i++) large_string[i]='A'; function(large_string);}获得魔法0x41414141的唯一方法
TheArtofCompileronBufferOverflow现代编译器GCC非常强大，它甚至可以在编译阶段防止缓冲区溢出，使操作系统无法在堆栈空间上运行代码。例如：1234567891011121314151617voidfunction(char*str){ charbuffer[16]; strncpy(buffer,str,256);}voidmain(){ charlarge_string[256]; inti; for(i=0;i256;i++) large_string[i]='A'; function(large_string);}获得魔法0x41414141的唯一方法
一般都知道css可以实现单行溢出限制，那么多行溢出的话，css该怎么去实现了，此例主要借助css的伪元素样式去实现的，具体代码和注释如下。单行超出宽度限制溢出html代码：css实现单行宽度限制溢出时出现省略号css代码：.text{width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}浏览器渲染效果：多行超出限制溢出（敲黑板！）html代码：多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超
一般都知道css可以实现单行溢出限制，那么多行溢出的话，css该怎么去实现了，此例主要借助css的伪元素样式去实现的，具体代码和注释如下。单行超出宽度限制溢出html代码：css实现单行宽度限制溢出时出现省略号css代码：.text{width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}浏览器渲染效果：多行超出限制溢出（敲黑板！）html代码：多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超出宽度限制溢出时出现省略号多行超
