代码改变世界

css flex 练习

2024-03-19 11:20  qgbo  阅读(2)  评论(0)  编辑  收藏  举报 
   <div style="width: 400px; display: flex; background-color:red;justify-content:flex-start;flex-direction:column">

        <div style="display: flex; flex-direction:row;justify-content:space-between;">
            <span>标签</span>
            <span>标签2</span>
        </div>

        <div  style="height: 50px;display: flex;justify-content:center;margin-top:40px ">
           <img src="https://www.w3school.com.cn/i/eg_cute.gif" >
        </div>

        <div  style="height: 50px;display: flex;justify-content:center;margin-top:40px ">
           fff
        </div>
    </div>