发表于： 2018-04-29 23:43:37
1 529
2018.4.29
今天完成的事情：
1.了解了display属性block，inline-block，inline
2.了解display与元素水平居中的关系
明天计划的事情：
1.复习今日学到的东西
2.接着看下《chrome开发者工具——chrome开发者工具》
遇到的问题：
无
收获：
1.display属性中block就是让其形成块级元素,而且其前后都会有换行符;
inline的话就是让元素设置为内联样式(对其设置的宽高都不产生效果,有颜色效果),前后是没有换行符的;
inline-block恰好是两者的综合,即行内块,其属于块级元素,而且没有换行符,在行内形成.
2.block在一旦加了浮动属性会将换行符失效
3.display:block块级元素水平居中显示,要设定width后在块级元素本身添加margin:0 auto;
而display:inline-block行内元素水平居中显示,要为其父级元素设置text-align:center.
返回列表
评论