日期:2014-05-17  浏览次数:20668 次

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编辑器不能直接传本地图片所以就不上传了,不过还是希望可以帮到碰到这样的问题的朋友