flex布局问题

Question

如图所示,想要网点名称那几个字不换行.
后面的缤纷town这里根据字数,多出的话就换行,但是左侧对齐.
用flex如何实现?
结构类似

              <div class="weui-cell__bd ">
                  <span class="t">
                    <i class="iconfont">
                      <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-gongsi"></use>
                      </svg>
                    </i>
                  网点名称
                  </span>
                  <span class="v">
                    缤纷TOWN缤纷TOWN缤纷TOWN缤纷TOWN缤纷TOWN缤纷TOWN
                  </span>
              </div>

Answer 1

左边设置不断行，右边设置flex:1

Answer 2

两列吖，左边正常写一个宽度，右边写

-webkit-flex: 1;
 flex: 1;