html - 显示 : inline-block doesn't work property on phone

Question

我在显示 div 时遇到问题。在电脑上运行良好，但在手机上最后一个 div 是在新行中，我不知道为什么。任何人都可以帮助我吗？这是代码和屏幕的一部分。谢谢!

    <div class="Ctoplinks">
        <div style="margin-left:0px;">
            Link
        </div>
        <div>
            Link
        </div>
        <div>
            Link
        </div>
        <div>
            Link
        </div>
        <div>
            Link
        </div>
    </div>

.Ctoplinks{
    margin: 20px auto;
    width: 720px;}

.Ctoplinks div{
    background-color: black;
    box-shadow: 0px 0px 20px 3px #37475a;
    border: 2px solid #37475a;
    padding: 2px;
    display: inline-block;
    width: 120px;
    margin-left: 16px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;}

Screen from PC Screen from phone

Answer 1

您可以尝试减少链接上的 margin-left，但是如果内联 block 的宽度加上它们之间的边距的总和仍然超过屏幕宽度，您唯一要做的就是可以做的是减小字体大小以使其更小(或使用压缩字体)。