Question

如何更改移动页脚中的间距（行/段落之间） - css？以下代码来自responsive.css wordpress

这来自我wordpress的responsive.css部分

我希望间距比目前更接近 - 您可以访问www.hotdatajobs.digitalya.ro

进行检查。

/* new changes footer */
    @media ( max-width: 640px ) {
        .col-xs-12.p-t-20.padding-l-r-10 span {
            font-size: 18px;
        }
        .site-footer {
            padding-top: 40px;
        }
        .footerRow .col-md-15.col-sm-15.col-xs-12 .title-block {
            margin-bottom: 10px;
        }
        .m-h-f {
            min-height: 295px;
        }
        .m-h-l {
            min-height: 170px;
        }
    }

    @media ( max-width: 440px ) {

        .m-h-f,
        .m-h-l {
            min-height: 100px;
            margin-bottom: 20px;
        }

        .m-h-f {
            min-height: 230px;
        }

        .p-l-f {
            width: 150px!important;
        }

        .site-footer .footerRow .footer-social-item {
            font-size: 16px;
        }
        .site-footer .footerRow a {
            font-size: 14px;
        }
        .col-xs-12.p-t-20.padding-l-r-10 span,
        .site-footer .title-block {
            font-size: 16px;
        }
    }

    @media ( max-width: 374px ) {

        .m-h-f,
        .m-h-l {
            min-height: 100px;
            margin-bottom: 20px;
        }

        .m-h-f {
            min-height: 225px;
        }

        .p-l-f {
            width: 110px!important;
        }

        .footerRow .col-xs-12 {
            padding: 0;
        }
        .site-footer .footerRow .footer-social-item {
            font-size: 14px;
        }
        .site-footer .footerRow a {
            font-size: 12px;
        }
        .col-xs-12.p-t-20.padding-l-r-10 span,
        .site-footer .title-block {
            font-size: 14px;
        }
    }
    /* end general */

Answer 1

您可以使用line-height属性控制文本行之间的间距。

例如，16px字体大小和距离底部和上部线4px：

line-height: 24px; /* 4px +16px + 4px */

或使用em单位

line-height: 2em; /* 1em = 12px in this case. 24/12 == 2  */

所以..

.site-footer .footerRow .footer-social-item {
    font-size: 16px;
    line-height: 24px;
}

当然，根据您想要的间距增加减少行高。低于16px的任何内容都会切断您的文本，因为您使用的是16px文本，因此请记住这一点。

另请注意，当div的宽度大于440px时，行高值将不适用。

如何更改移动页脚中的间距（行/段落之间） - CSS？下面的代码来自responsive.css wordpress

1 个答案: