CSS的一些用法。

1. 文字竖着排版。需要注意下宽高，不然有的IE会显示的有些走形。

writing-mode:vertical-rl;
writing-mode: tb-rl;

2. 单行文字溢出显示省略号。

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

3. 多行溢出显示省略号
   IE不兼容 display: box;
   目前这里做出的应对是设个具体的高度。

display: -moz-box;
display: -webkit-box;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;    /* 你盒子能写几行，现在是超出第六行，末尾会显示省略号 */
overflow: hidden;

4.文字顺序颠倒

direction: rtl;
unicode-bidi: bidi-override;

5. 盒子倒影。

-webkit-box-reflect: below -8px -webkit-linear-gradient(transparent,transparent 67%,rgba(0,0,0,.6));

6. 字间距。

letter-spacing: 2px;

7. 文字两端对齐。

text-align: justify;

其他——媒体查询
@media (min-width: 1200px) { ... }
@media (min-width: 980px){...}
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (max-width: 767px) { ... }
@media (max-width: 480px) { ... }