- <div class="container">
- <div class="float-left">Biaoti</div>
- <div class="bar">
- <div class="float-left xs-3">1</div>
- <div class="float-left xs-3">2</div>
- <div class="float-left xs-3">3</div>
- <div class="float-left xs-1">4</div>
- </div>
- </div>
就是 stack 图这种.
12345
如果我想加上动画, 看起来肯定很棒, 但是加上动画时, 发现有问题.
看到了吗, 这就是, 就是浮动的元素在加载动画的时候, 会错位, 用户体验不好. 如何解决这种问题呢.
浮动导致的会脱离文档流,
如何结决布局的这个问题呢, 答案是使用 flex 布局.
完美解决.
来源: https://www.cnblogs.com/fandong90/p/10704193.html