如何修改 ie11 上 flex-flow 的问题？

Question

我想水平排列元素li，当超过长度时，下一个元素放在最上面一行

父 Div-box 有 "position:fixed;" 选项。

Chrome,边缘没问题。但是IE11不是。

如果您有解决此问题的提示。请告诉我。

                    ul {
                    list-style-type: none;
                    padding: 0;
                    margin: 0;
                    display: flex;
                    flex-flow: row wrap-reverse;

                    li {
                        display: inline-block;
                        width: 200px;
                        height: 30px;
                        font-size: 20px;

                        span {
                            font-size: 28px;
                        }
                    }

            <ul>
                <li id="conErr1"><span>1</span>번 수신기 통신장애</li>
                <li id="conErr2"><span>2</span>번 수신기 통신장애</li>
                <li id="conErr3"><span>3</span>번 수신기 통신장애</li>
                <li id="conErr4"><span>4</span>번 수신기 통신장애</li>
                <li id="conErr5"><span>5</span>번 수신기 통신장애</li>
                <li id="conErr6"><span>6</span>번 수신기 통신장애</li>
                <li id="conErr7"><span>7</span>번 수신기 통신장애</li>
                <li id="conErr8"><span>8</span>번 수신기 통신장애</li>
                <li id="conErr9"><span>9</span>번 수신기 통신장애</li>
                <li id="conErr10"><span>10</span>번 수신기 통신장애</li>
            </ul>

Answer 1

我发现您可以将 width 属性添加到父级 div，然后它将在 IE 上运行。这是我的测试代码。 CSS.

<style>
    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-flow: row wrap-reverse;
    }

    li {
        display: inline-block;
        width: 200px;
        height: 30px;
        font-size: 20px;
    }

    span {
        font-size: 28px;
    }

</style>

HTML.

 <div style="position:fixed;bottom:0;left:0;width: 100%;">
    <ul>
        <li id="conErr1"><span>1</span>번 수신기 통신장애</li>
        <li id="conErr2"><span>2</span>번 수신기 통신장애</li>
        <li id="conErr3"><span>3</span>번 수신기 통신장애</li>
        <li id="conErr4"><span>4</span>번 수신기 통신장애</li>
        <li id="conErr5"><span>5</span>번 수신기 통신장애</li>
        <li id="conErr6"><span>6</span>번 수신기 통신장애</li>
        <li id="conErr7"><span>7</span>번 수신기 통신장애</li>
        <li id="conErr8"><span>8</span>번 수신기 통신장애</li>
        <li id="conErr9"><span>9</span>번 수신기 통신장애</li>
        <li id="conErr10"><span>10</span>번 수신기 통신장애</li>
    </ul>
</div>

如何修改 ie11 上 flex-flow 的问题？

How can I modify problem for flex-flow on ie11?

css

flexbox

internet-explorer-11