CSS样式开发处理技巧

1、怎么让换行文字不换行：

      white-space:nowap;

浏览器支持所有浏览器都支持 white-space 属性。

搜索注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

可能的值normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

pre-wrap 保留空白符序列，但是正常地进行换行。

pre-line 合并空白符序列，但是保留换行符。

inherit 规定应该从父元素继承 white-space 属性的值。

2、文字过长时用省略号：

      text-overflow:ellipsis;

3、直接裁剪：

     text-overflow:clip;

4、取消鼠标的默认显示：

      pointer-events:all;

      使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永不会触发。如果元素后代明确指定了pointer-events属性并允许其成为鼠标事件的目标，那么指向该元素的任何事件在事件传播过程中都将通过父元素，并以适当的方式触发其上的事件侦听器。当然位于屏幕上在父元素上但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获（将会穿过父元素而指向位于其下面的元素）。
对应的脚本特性为pointerEvents。

参照：http://www.css88.com/book/css/properties/user-interface/pointer-events.htm