Question

我正在尝试使用文本输入设置我的输入。它适用于Chrome，FF等，但不适用于IE11

我使用这个属性错了吗？或者只是IE漏洞？

<html>

<style type="text/css">
.a {
    border: 1px solid red;
    text-align: center;
}   
.b {
    border: 1px solid green;
    width: 400px;
    height: 200px;
    text-align: start !important;
}
</style>

<body>
    <div class="a"> 
        <div class="b" >
            <input type="text"></input>
        </div>
    </div>
</body>
</html>

Answer 1

Internet Explorer https://developer.mozilla.org/en-US/docs/Web/CSS/text-align#Browser_compatibility

目前不支持

text-align: start

Answer 2

我建议继续使用text-align: start;，但回退到text-align: left;。

.b {
    border: 1px solid green;
    width: 400px;
    height: 200px;
    text-align: left;
    text-align: start;
}

这样，现代浏览器将用text-align: left;覆盖text-align: start;。不支持start值的浏览器将继续使用left值。

text-align：start不仅适用于IE

2 个答案: