首页 > 代码库 > css样式积累
css样式积累
1.圆角：
border-radius:16px 16px 16px 16px;
2透明度：
filter: alpha(opacity=80);
opacity: 0.8;
3. div内文本自动换行：
<style type="text/css">
<!--
/* 自动换行 */
.atuo_break_line {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
-->
</style>
<div class="atuo_break_line" style="width:80px">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
4. IE6 IE7实现 inline-block
例如：
.div_rate
{
width: 80px;
height: 10px;
border: 1px solid lightgray;
background-color: transparent;
overflow: hidden;
display: inline-block;
}
.div_rate {
_zoom:1;
*display: inline;
}
hack代码单独写在一个css样式中即可
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。