css基础不扎实

标签：absolute   简单   mono   led   wrap   display   bre   mon   translate   

写了两周的网页，发现自己的css基础还是很差的，当时培训学习的时候就发现了，我做的页面都特别的别扭和丑吧，在班级上应该是垫底的；

原先只知道用float，不会使用定位，网页连固定定位也不会，现在发现，原来手机移动端，使用的多的是绝对定位，相反浮动也就没有那么多的。

浮动后的元素，其父级元素如果想让其内容自动撑开，就得使用清楚浮动了，具体办法就是

div:before和div:after

1. content: "";
2. clear: both;
3. display: block;
4. height: 0;

word-wrap: break-word;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
就可以自动换行并且垂直居中。
原以为html和css很简单，原来我接触的还是皮毛，还有很多都没见过的。

css基础不扎实

标签：absolute   简单   mono   led   wrap   display   bre   mon   translate   

原文地址：http://www.cnblogs.com/orang/p/6008931.html