html - 为什么有些样式不适用于电子邮件模板？

Question

我有非常基本的带有简单样式的 html 模板。像这样的东西：

 .wrap{
            display:flex;
            justify-content: space-around;
        }
        .child{
            display: flex;
            width: 45px;
            height: 45px;
            background-color: blanchedalmond;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
        }

    <div class='wrap'>
        <div class="child">0</div>
        <div class="child">1</div>
        <div class="child">2</div>
        <div class="child">3</div>
        <div class="child">4</div>
        <div class="child">5</div>
        <div class="child">6</div>
        <div class="child">7</div>
        <div class="child">8</div>
        <div class="child">9</div>
        <div class="child">10</div>
    </div>

简而言之，当我检查我的电子邮件时，包装是弹性的，但没有 justify-content。.child 的情况相同，我看到带有颜色等的圆圈，但是孩子没有：

justify-content: center;
align-items: center;

标签： htmlcss

Answer 1

您需要尝试使用内联样式表，因为所有电子邮件提供商都没有考虑到类样式格式。最佳做法是使用内联

让我知道它是否有效