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;

原文地址:https://www.cnblogs.com/BetterMyself/p/5617564.html