CSS其他

1、元素的宽度由内容撑开

• display:inline;——不支持高度
• display:inline-block;——在IE6下，不支持块标签
• float
• position:absolute——每项设置坐标
• position:fixed——不兼容

2、CSS3圆角

border-radius:40px;

3、引入flash

 

4、词内断行和省略号

省略号：text-overflow （clip | ellipsis）【clip：不显示省略标记（...），而是简单的裁切。ellipsis：当对象内文本溢出时显示省略标记（...）】

white-space:nowrap【规定段落中的文本不进行换行】

词内断行：word-break:break-all 和 word-wrap:break-word;

详情请看：http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

5、盒模型的怪异模式box-sizing:border-box;（正常模式：box-sizing:content-box）

 

6、隐藏元素

.box1{ display:none;}             不保留原有位置
.box2{ visibility:hidden;}　　　　　保留原有位置

 7、未知宽高的img居中问题

A、text-align:center;vertical-align:middle;

 

 

B、position:absolute;

C、display:table;