作者:吴由兴_834 | 来源:互联网 | 2023-05-25 13:36
我有这个造型的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表单中应用样式时,边距和右/左部分仍然应用于元素,我不知道如何取消它们(边距没有默认值).
有帮助吗?
1> Gildas.Tambo..:
使用unset
,inherit
或initial
取消设置.
@media only screen and (min-width: 941px){
#slogan {
font-size: 24px;
position: absolute;
min-width: 810px;
text-align: right;
margin-left: initial;
margin-right: initial;
}
}
初始是解决方案,谢谢!
2> Ian Devlin..:
您可以尝试:
margin-left: unset;
margin-right: unset;
但是我不确定他们的支持程度如何。或者将它们设置为0,这是默认值;