无法在Framework7中设置堆叠标签

时间:2018-10-27 15:59:26

标签: html-framework-7

我无法在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

1 个答案:

答案 0 :(得分: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>