无法在Framework7中设置堆叠标签

Question

我无法在framework7中设置堆叠标签。 这是我的代码：-

    <div class="list">
    <ul>
    <li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-label">Name</div>
    <div class="item-input-wrap">
<input type="text" name="name" />
    <span class="input-clear-button"> 
    </span>
 </div>
    </div>
    </li>
    </ul>
    </div>![check this image]

（https://i.stack.imgur.com/m6g5m.png）

Answer 1

跟踪代码后，我在item- label之间发现了一个空格，如果将其删除，代码会很好用。您可以从此处查看示例：jsfiddle Live Exapmle

  

建议：您可以使用键盘上的Tab键获取排序后的代码，   将使您的代码易于阅读和跟踪，如下所示：

<div class="list">
  <ul>
    ...
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">Name</div>
        <div class="item-input-wrap">
          <input type="text" name="name">
          <span class="input-clear-button"></span>
        </div>
      </div>
    </li>
    ...
  </ul>
</div>