标签输入 - 在输入顶部放置div

我是一名新开发人员，正在尝试创建一个标签输入 - 有很多解决方案（插件等），但我想尝试使用html /如果我可以从这一点上的CSS。我怎样才能使输入标签在输入顶部出现？无论如何将它们放置在输入的顶部，而不会混淆输入值？标签输入 - 在输入顶部放置div

<div class="edit"> 
<div class="filter-tags-cloud" ng-show="editMode" style="float:left;"> 
    <div ng-repeat="filterTag in tags track by $index" class="filter-tag"> 
     <div class="btn-group btn-group-filter"> 
      <span class="btn btn-filter-tag filter-truncate">{{filterTag}}</span> 
      <span class="btn btn-filter" ng-click="vm.removeTag($index)"> 
       <span ng-click="removeTag($index)" class="fa fa-times"></span> 
      </span> 
     </div> 
    </div> 
</div> 
<div id="input" style="float:right;"> 
    <input type="text" ng-show="editMode" class="edit" ng-model="frontSeal.selected" ng-keydown="checkEvent($event)"/> 
</div>

是什么样子现在：

我愿与过滤器标签的跨度是输入内至少看起来如此。

来源

2016-04-26 devdropper87

与位置的另一格包裹他们两个：相对并设置其中一个位置：绝对; – YOU

也许这帮助下，尝试在你的CSS添加此

.filter-tags-cloud {position:relative; top:10px;}

这一点可以从上面推“过滤器标签云”，从当前位置

来源

2016-04-26 01:03:07 Welyanto

标签输入 - 在输入顶部放置div

回答

相关问题