css3小技巧整理

1.设置外框宽度后，内容超过宽度，超过部分变成...省略

*{

    white-space:nowrap;  //文字不换行

    text-overflow:ellipsis;  //超过变...

    overflow:hidden;  //超过部分隐藏

}

2.外框不定义宽度，内容也不确定宽度的情况下，保持内容居中：

<div class="a">

    <div class="b">

            不确定的内容

    </div>

</div>

.a{

    float:left;

    position:retative;

    left:50%

｝

.b{

    position:retative;

    left:-50%;

}