鍍金池/ 問(wèn)答/HTML/ flex布局問(wèn)題

flex布局問(wèn)題

圖片描述

如圖所示,想要網(wǎng)點(diǎn)名稱那幾個(gè)字不換行.
后面的繽紛town這里根據(jù)字?jǐn)?shù),多出的話就換行,但是左側(cè)對(duì)齊.
用flex如何實(shí)現(xiàn)?
結(jié)構(gòu)類(lèi)似

              <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>
                  網(wǎng)點(diǎn)名稱
                  </span>
                  <span class="v">
                    繽紛TOWN繽紛TOWN繽紛TOWN繽紛TOWN繽紛TOWN繽紛TOWN
                  </span>
              </div>
回答
編輯回答
九年囚

兩列吖，左邊正常寫(xiě)一個(gè)寬度，右邊寫(xiě)

-webkit-flex: 1;
 flex: 1;
2018年1月25日 23:28
編輯回答
舊城人

左邊設(shè)置不斷行，右邊設(shè)置flex:1

2017年7月19日 23:53