JSFiddle - React, Tailwind, and code Playground

by leopoldthecuber

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
  <div class="container">
    <el-card>
      <span>好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡好吃的汉堡</span>
    </el-card>
  </div>
  <div class="container">
    <el-card>
      <span>好吃的汉堡</span>
    </el-card>
  </div>
</div>

SCSS

@import url("//unpkg.com/element-ui/lib/theme-default/index.css");

.el-card {
  display: inline-block;
  height: 100%;
}

.container {
  width: 200px;
  padding: 0 10px;
  display: table-cell;
}

Babel + JSX

new Vue().$mount('#app')