flex布局没起作用，不知道哪弄错了

来源：15-3 组件拆分（下）

慕仰9344612

2019-09-14

老师你好我的flex布局没起作用不知道哪出错了求指正谢谢

<template>
    <div id="app">
        <div class="tab">
            <div class="tabitem">商品</div>
            <div class="tabitem">评论</div>
            <div class="tabitem">商家</div>
        </div>


    </div>
</template>

<script>
    import tab from "./tab";

    import VHeader from "./v-header";
    export default {
        name: "elema",
        components: {

        }
    }
</script>

<style lang="stylus" scoped>
    #app
        .tab
            display:flex;
            text-align:center


</style>

写回答

2回答

慕仰9344612

提问者

2019-09-14

了解了，要在tab-item加入flex-grow。

慕仰9344612

提问者

2019-09-14

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>showoriginal</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but showoriginal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

这是主页配置

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程

相似问题

用flex布局，为什么还要用inline-block布局呢？

回答 1

flex购物车那里布局的问题

回答 2

老师请问这是怎么做的适配，我看也没有用到rem!

回答 2

关于移动端适配问题？

回答 1

老师你好，有没有想过使用flex布局来做整个布局呢？因为感觉使用flex居中很方便

回答 1

打开慕课网App查看更多内容