写CSS的,你懂的
来源:互联网 发布:hive sql注释写法 编辑:程序博客网 时间:2024/05/04 09:15
body{ padding:0; margin:0; font-size:12px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#818181}
ul,li,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0; list-style:none}
a{ color:#818181; text-decoration:none}
a:hover{ color:#ff0000}
img{ border:none}
cursor:pointer按钮手型
文字隐藏。
单行:(white-space:nowrap;内容不允许换行``)
<div style="width:30px;white-space:nowrap; overflow:hidden">我是谁?我是谁?我是谁?我是谁?我是谁?我是谁?我是谁?</div>
多行:
<div style="height:80px; width:30px; overflow:hidden">我是谁?我是谁?我是谁?我是谁?我是谁?我是谁?我是谁?</div>
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多出省略
img{ vertical-align:middle;}
一、对于div强制换行
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;
同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
二、对于table强制换行
1. (IE浏览器)使用样式table-layout:fixed;
2.(IE浏览器)使用样式table-layout:fixed与nowrap
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div。
-----------------------------------------------------------------------------------------------------------------------------------
三、强制不换行:div{white-space:nowrap;}
四、自动换行:div{ word-wrap: break-word; word-break: normal;}
五、强制英文单词断行:div{word-break:break-all;}
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong SimFang?
楷体:KaiTi SimKai?
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微软雅黑体:Microsoft YaHei
隶书:LiSu SimLi?
幼圆:YouYuan SimYou?
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
- 写CSS的,你懂的
- 写CSS的姿势
- 清理你的CSS
- 你一无所知的CSS
- 优化你的css
- Jquery图片滚动轮播插件(一个不用你写CSS的轮播插件)
- 让你的eclipse实现写JAVA代码,HTML,CSS,JAVASCRIPT代码提示
- CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅
- CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅
- 送给写程序的你~!
- 写好你的JavaScrip
- 写好你的JavaScrip
- 写好你的JavaScrip
- 写好你的JavaScrip
- 写的是你,你却看不到
- 优化你的CSS代码
- 你不知道的CSS
- 写网页需要的公共的css
- Android中TASK和PROCESS的区别,获取最近运行的程序和正在运行的进程
- 《iPhone与iPad开发实战》——苹果公司应该将本书作为官方的iPhone和iPad开发图书
- myeclipse 不能自动更新,报检索feature.xml失败
- 数据结构作业-2
- 【FPGA黑金开发板】Verilog HDL那些事儿--倾向并行操作(三)
- 写CSS的,你懂的
- TestNG 6 发布
- android下拉菜单制作
- 存储过程和函数无法迁移的解决方法
- ASP.NET MVC 2开发实战
- 为exe注册com
- ASP.NET常用代码
- 关于Linux内核学习的误区以及相关书籍介绍
- Java泛型详解