标签：学习总结 子div cin width dex 布局 middle 标签 class
今天css已经全部学习完成，总结下：
class可以设置多个，中间用space隔开；
行内标签（a，span。。。）要设置宽高需先转换成块标签，使用display：block进行转换，相反用display：line转换成行内标签；
css中尽量使用float而非position对元素进行布局；
现阶段的所有标签基本都可以用class进行分类，以后学习JS时，需要添加id，以方便JS中查找元素；
div中嵌套的div用margin：auto进行居中操作（个人理解）；
text-align作用与元素内的行内标签居中；
让子div在父div中垂直居中的方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
.parent { width:800px; height:500px; border:2px solid #000; display:table-cell; vertical-align:middle; text-align: center; } .child { width:200px; height:200px; display:inline-block; background-color: red; } |
先把父级div转为表格单元格，再把子div转为inline-block（行内块元素），再设置垂直位置vertional-align为居中（middle）。。。。。。这逻辑。。
标签：学习总结 子div cin width dex 布局 middle 标签 class
原文地址：http://www.cnblogs.com/wangqun1234/p/7603382.html
