发表于: 2019-02-25 21:55:01

1 603


今天完成的事情:

今天把任务5做了一半

明天计划的事情:

明天打算把任务5做完,然后深入了解flex布局
遇到的问题:

对flex布局的理解还不够

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为 Flex 布局。

.box{
  display: flex;}

行内元素也可以使用 Flex 布局。

.box{
  display: inline-flex;}

Webkit 内核的浏览器,必须加上-webkit前缀。

.box{
  display: -webkit-flex; /* Safari */
  display: flex;}

注意,设为 Flex 布局以后,子元素的floatclearvertical-align属性将失效。

收获:通过flex布局方法,进一步了解了如何如何布局


返回列表 返回列表
评论

    分享到