css样式控件td或div文字溢出用....表示
2012-08-29 20:11
183 查看
.p-lable{
font-weight:500;
display:block;
float:left;
word-break:keep-all;
width:310px;
height:20px;
line-height:20px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding-left:6px;
}
主要是overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
参考:http://www.zhangxinxu.com/study/200909/text-overflow-ellipsis-so-on.html
//设置div滚动条样式
#p-content{
float:left;
width:415px;
height:492px;
overFlow-y:scroll;
scrollbar-face-color: #C8EFF8;
scrollbar-shadow-color: #C8EFF8;
scrollbar-highlight-color: #F3FDFC;
scrollbar-3dlight-color: #2ABFAA;
scrollbar-darkshadow-color: #2ABFAA;
scrollbar-track-color: #F3FDFC;
scrollbar-arrow-color: #F3FDFC;
padding-top:5px;
}
font-weight:500;
display:block;
float:left;
word-break:keep-all;
width:310px;
height:20px;
line-height:20px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding-left:6px;
}
主要是overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
参考:http://www.zhangxinxu.com/study/200909/text-overflow-ellipsis-so-on.html
//设置div滚动条样式
#p-content{
float:left;
width:415px;
height:492px;
overFlow-y:scroll;
scrollbar-face-color: #C8EFF8;
scrollbar-shadow-color: #C8EFF8;
scrollbar-highlight-color: #F3FDFC;
scrollbar-3dlight-color: #2ABFAA;
scrollbar-darkshadow-color: #2ABFAA;
scrollbar-track-color: #F3FDFC;
scrollbar-arrow-color: #F3FDFC;
padding-top:5px;
}
相关文章推荐
- DIV多行文字显示不下溢出时显示...的css样式
- jQuery实现控制文字内容溢出用省略号(…)表示的方法
- 用css解决table文字溢出控制td显示字数
- DIV+CSS页面设计中的IE6的文字溢出BUG
- 网页div文字溢出(超出)显示省略号
- 【兼容性笔记】不同浏览器中,溢出的文字如何以省略号表示
- div中溢出文字用点代替
- 用css控制table文字溢出显示省略号 控制td显示字数
- 关于文字溢出DIV容器的解决方法
- 文字溢出用.......表示
- 用css解决table文字溢出控制td显示字数
- 关于文字内容溢出用点点点(...)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- DIV+CSS页面设计中的IE6的文字溢出BUG
- css+div如何解决文字溢出
- 关于单行和多行文字溢出用省略号表示
- 怎么让文字不再div溢出,文字在div里面
- 多行文字如何使用省略号表示溢出文本
- 关于文字内容溢出用点点点(…)省略号表示
- 文字内容或标题过长,用 ... 进行省略的TD和DIV两种情况下的三种解决方案