Vue3.0点滴

天青Giser

已于 2022-06-07 19:45:36 修改

阅读量112

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue3.0 文章标签： vue.js 前端 javascript

于 2022-06-07 19:28:33 首次发布

本文链接：https://blog.csdn.net/qq_25806839/article/details/125171570

Vue3.0 专栏收录该内容

1 篇文章

订阅专栏

一.Div顺序排列
FloatDiv.vue

<template>
  <div class="box fl"><p>第一个Div</p></div>
  <div class="box fl"><p>第二个Div</p></div>
  <div class="box fl"><p>第三个Div</p></div>
  <div class="box fl"><p>第四个Div</p></div>
</template>

<script>
export default {};
</script>

<style>
.box {
  margin: 20px;
  width: 400px;
  height: 400px;
  background: rgb(190, 92, 92);
  color: #aaa;
}
.fl {
  float: left;
}
p{
    color: black;
    font-size: larger;
    text-align: center;
}
</style>

在这里插入图片描述