【HTML/CSS】flexできっちり三等分に分けて並べる方法

使い方

<div style="display:flex;justify-content: space-around;width: 100%;">
            <a href="..//" style="background: #cfcfcf; padding: 3px 10px; font-size: 80%; text-decoration:none; color:black; flex-basis: calc(100% /3); text-align: center; border: 1px solid white; ">
                <span>News</span>
                <i class="far fa-newspaper"></i>
            </a>
            <a href="../list.php" style="background: #dfdfdf; padding: 3px 10px; font-size: 80%; text-decoration:none; color:black; flex-basis: calc(100% /3); text-align: center; border: 1px solid white; ">
                <span>Knowledge</span>
                <i class="fas fa-book-open"></i>
            </a>
            <a href="../software.php" style="background: #efefef;padding: 3px 10px;font-size: 80%;text-decoration:none;color:black;flex-basis: calc(100% /3);text-align: center;border: 1px solid white;">
                <span>Software</span>
                <i class="fas fa-mobile-alt"></i>
            </a>
        </div>

参考