时间戳

首页 > 解决方案 > 禁用 align=center on @media

css - 禁用 align=center on @media

问题描述

如果我只想align: center;在满足条件时禁用属性，@media我应该使用什么命令？

@media(max-width=750px){
    #innerh2{
        disable align;
    }
}
<div id="innerh2">
    <h2 align="center">CSS</h2>
</div>

@media(max-width=750px){
    #innerh2{
        align: none;
    }
}
<div id="innerh2">
    <h2 align="center">CSS</h2>
</div>

标签： cssmedia-queries

解决方案

该align属性已被弃用，在 HTML5 中不受支持。您应该改用 CSStext-align属性并在宽度超过 750 像素时将其居中。

@media(min-width=750px) {
  .center-desktop {
    text-align: center;
  }
}
<div id="innerh2">
  <h2 class="center-desktop">CSS</h2>
</div>

推荐阅读