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

HTML – 如何在CSS中覆盖边距和右左?,第1张

概述我有这个造型的div: #slogan{ font-size:24px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;} 后4种样式只是将div内容集中在页面上. 如果页面太大,我不想再使用以下样式了,所以我应用这种样式: @media only s 我有这个造型的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;    }}
总结

以上是内存溢出为你收集整理的HTML – 如何在CSS中覆盖边距和右/左?全部内容,希望文章能够帮你解决HTML – 如何在CSS中覆盖边距和右/左?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1142209.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存