首页 > 其他分享 >五点骰子

五点骰子

时间:2022-10-25 10:12:13浏览次数:50  
标签:flex 骰子 center 五点 space content box5 justify

.box5 {
            justify-content: space-between;
        }

.box5 div {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }


注意选择器的优先级

.box5 .center {
            /* align-self: center; */
            justify-content: center;
        }

完整代码

    <style>
        /* 五点 */
        .box {
            padding: 12px;
            width: 100px;
            height: 100px;
            border: 1px solid black;
            border-radius: 8px;
            margin-bottom: 10px;
            display: flex;
        }

        span {
            width: 30px;
            height: 30px;
            background-color: black;
            border-radius: 15px;
        }

        .box5 {
            justify-content: space-between;
        }

        .box5 div {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .box5 .center {
            /* align-self: center; */
            justify-content: center;
        }
    </style>
</head>

<body>
    <div class="box box5">
        <div class="left">
            <span></span>
            <span></span>
        </div>
        <div class="center">
            <span></span>
        </div>
        <div class="right">
            <span></span>
            <span></span>
        </div>
    </div>
</body>

标签:flex,骰子,center,五点,space,content,box5,justify
From: https://www.cnblogs.com/poco-o/p/16823932.html

相关文章

  • AcWing80 骰子的点数(线性dp)
    #definepbpush_backclassSolution{public:vector<int>numberOfDice(intn){intf[15][100];//投i次,总和为j的投掷可能memset(f,0,sizeof(......
  • Linux基础学习五点
    与Windows和macOS相比,Linux(这里指Linux发行版)确实有很多根本不同。但也多亏了这些差别,Linux发行版具备了Windows与macOS所不具备的的许多优势。Linux很难吗?......
  • 玲珑骰子安红豆,入骨相思君知否?
    微信公众号:​十点老师​玲珑骰子安红豆,入骨相思君知否?假如人生不曾相遇,我还是那个我,偶尔做做梦,然后,开始日复一日的奔波,淹没在喧嚣的城市里。 我不会了解,这个世界还有这样......
  • P1409 骰子
    P1409骰子题目大意\(n\)个人排成一排,你排在第\(m\)个。每轮队首的人投一次骰子。若掷到\(1\),则队首的人获胜。若掷到\(2,4,6\),则队首的人排到队尾。若掷到\(......
  • 扔骰子期望
    扔骰子可以选择扔到某个数的时候获得然后退出或者不拿走继续扔dp[i]表示扔第i次的时候的最大期望f[n]=1/6*(max(1,f(n-1))+max(2,f(n-2))+max(3,f(n-1))+max(4,f(n-......