css 取消换行出现的空格

如果我们在HTML中使用div> 创建多个元素，这些元素之间自动创建换行的空格，为了保持代码的阅读性，我们可以将元素写在同一行，但这样我们的CSS样式也将受到影响。

例如：

    div>
    元素1/div>
    div>
    元素2/div>
    div>
    元素3/div>
    

这将显示为：

如您所见，元素之间有空格。幸运的是，我们可以使用CSS中的font-size: 0; 属性来消除这些空格。

以下是解决方案：

    style>
        .parent {
                font-size: 0;
        }
        .child {
                font-size: 16px;
        }
        /style>
        div class="parent">
            div class="child">
    元素1/div>
            div class="child">
    元素2/div>
            div class="child">
    元素3/div>
        /div>
    

这将显示为：

现在，元素之间的空格已经被消除了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！