JSFiddle - React, Tailwind, and code Playground

by Frank Liu

HTML

<style>
    div {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }
    span {
        width: 7em;
        text-align: right;
      /* flex-shrink:0; */
        flex:0 0 auto;
    }
    input {
       width:100%;
        flex:0 1 auto;
    }
</style>

<div>
    <span>问题1：</span><input type="input" />
</div>

<div>
    <div>
        <span>问题2：</span><input type="input" />
    </div>
    <div>
        <span>问题3：</span><input type="input" />
    </div>
</div>