幅固定
width:100px
幅可変
longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_
幅固定
width:100px
幅可変
longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_

min-width: (default)

幅固定
width:100px
幅可変
longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_

min-width: 0

幅固定
width:100px
幅可変
longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_

min-width: (default) - pre element

width:100px

        <div class="flex">
          <div style="width:100px;">width:100px</div>
          <div style="flex:1; word-wrap:break-word; text-align: left;">longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_</div>
        </div>

min-width: 0 - pre element

width:100px

        <div class="flex">
          <div style="width:100px;">width:100px</div>
          <div style="min-width:0; flex:1; word-wrap:break-word; text-align: left;">longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_longword_</div>
        </div>

box

short text
long text long text
more long text more long text

box (width:100%)

short text
long text long text
more long text more long text

box (width:1000px)

short text
long text long text
more long text more long text

flex (1)

short text
long text long text
more long text more long text

flex (initial)

short text
long text long text
more long text more long text

flex (auto)

short text
long text long text
more long text more long text

flex (none)

short text
long text long text
more long text more long text