flex-wrap: wrap时做文本溢出处理，文本无法居中

Question

        div {
            width: 100px;
            height: 100px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            background: #980720;
        }
        span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    <div> 
      <span>
        flex-wrap: wrap时做文本溢出处理，文本无法居中
      </span>
      <div />
    </div>

在用UI框架时踩坑了

Answer 1

我看居中了啊

Answer 2

sorry啊，米娜桑！我回去重新审视了一哈，原来span有一个宽高为0的兄弟div。哈哈哈，尴尬。