HTML – 如何在CSS中覆盖边距和右/左？

发布时间：2020-12-14 18:55:59 所属栏目：资源来源：网络整理

导读：我有这个造型的div： #slogan{ font-size:24px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;} 后4种样式只是将div内容集中在页面上. 如果页面太大,我不想再使用以下样式了,所以我应用这种样式： @media only screen and (min

我有这个造型的div：

#slogan{
    font-size:24px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

后4种样式只是将div内容集中在页面上.

如果页面太大,我不想再使用以下样式了,所以我应用这种样式：

@media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
    }
}

从页面左边缘显示一定量的内容.我在f12开发工具中测试了这些样式,看起来是正确的.但是,当我在css表单中应用样式时,边距和右/左部分仍然应用于元素,我不知道如何取消它们(边距没有默认值).

有帮助吗？

解决方法

使用 none,inherit or initial取消设置.

@media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
        margin-left:none;
        margin-right:none;
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!