HTML-布局-浮动-opacity及支持IE6的写法

opacity IE6 兼容处理

opacity:0.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);

HTML 不允许换行

white-space: nowrap;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;overflow:hidden;

宽度高度不固定的div垂直居中，一行css解决

1.父容器添加css样式：text-align：center；
2.子容器添加css样式：display:inline-block；    _display:inline;  /*这个是针对IE6下的hack*/*

DIV模块高度随内容自动增加，浮动对齐的方法

1. 简要说明：我们要让子模块无限循环下去，子模块里面的高度又是没有设定的，高度随内容的增加而增加，那么问题来了怎么才能让子模块浮动的时候对齐？
2. 难点：第一排第一个标签里面的内容少，第一排末尾的标签里面的内容多，这样用float浮动是没有问题，但是当这个相反的时候，这样浮动的话，后面的模块就是自动添加到少的地方去，页面就乱了。

.d-con{overflow:hidden;}  /*这里是父级*/

.d-detail{display:inline-block;vertical-align:top;}

/*这里是子级的浮动，我们不在用float ；vertical-align:top；这个是表示上对齐，你也可以设置其他方向的*/

<div class="d-con">

     <div class="d-detail"></div>

     <div class="d-detail"></div>

</div>