CSS样式处理的一些记录

1、特别是火狐，选择了文本再拖动的时候就会新开一个tab页搜索内容，很麻烦，但是可以通过样式处理

 

-moz-user-select: none;//firefox

-webkit-user-select: none;//chrome

 

2、div 事件穿透，通过样式pointer-events:none;来设置，但是注意，在ie下无效。

 

3、div文本居底做法，由于div没有像table及其子元素一样有valign，所以在div中文本居底会相对麻烦些，通过以下办法可以做到：

 

<div class="cell" style="max-width: 319px; max-height: 62px; vertical-align: bottom;"> <div>cccccccc</div>

</div>

 

.cell{

position: relative;

z-index: -1;

display: table-cell;

height: inherit;

width: inherit;

word-wrap: break-word;

pointer-events: none;

text-align: center;

}

 

关键是以上的display属性，使用table-cell方式，这样vertical-align: bottom;就可以生效了。

 

 

特此记录，iteye编辑器不能直接传本地图片所以就不上传了，不过还是希望可以帮到碰到这样的问题的朋友