显示：内联屏蔽在电话上不起作用

Question

我在显示div时遇到问题。在PC上效果很好，但在电话上最后一个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，但是如果内联块的宽度加上它们之间的边距之和仍超过屏幕宽度，则唯一可以做的就是减小字体大小以使其更小（或使用压缩字体）。