html - 语义 UI 将字段 div 中字段的宽度加倍

Question

我正在使用语义 UI。

这是我的 JSFIDDLE (您需要拉伸(stretch)结果面板才能看到问题)

<div class="ui form segment">
    <div class="three fields">
        <div class="field">
            <label>Field One</label>
            <input></input>
        </div>
        <div class="field">
            <label>Field Two</label>
            <input></input>
        </div>
        <div class="field">
            <label>Field Three</label>
            <input></input>
        </div>
    </div>
    <div class="three fields">
        <div class="field">
            <label>Field One</label>
            <input></input>
        </div>
        <div class="field">
            <label>Field Two**</label>
            <input></input>
        </div>        
    </div>
</div>

如何让第二行的“Field Two**”延伸到“Field Three”的末尾

Answer 1

这里是example

<div class="ui form segment">
  <div class="three fields">
      <div class="field">
          <label>Field One</label>
          <input></input>
      </div>
      <div class="field">
          <label>Field Two</label>
          <input></input>
      </div>
      <div class="field">
          <label>Field Three</label>
          <input></input>
      </div>
   </div>
  <div class="three fields">
      <div class="field">
          <label>Field One</label>
          <input></input>
      </div>
      <div class="field">
      </div>
      <div class="field">
          <label>Field Two**</label>
          <input></input>
      </div>        
  </div>
</div>

希望是你想要的结果