css - div 内容会下滑

问题描述

问 题

原图：

<div class="form-tags">
    <input type="text" data-toggle="tags" style="display: none;">
    <span class="label label-info">123</span>
    <span class="label label-info">123</span>
    <span class="label label-info">123</span>
    <span class="label label-info">123</span>
    <span class="label label-info">123</span>
    <input class="input-tags form-control" placeholder="请输入标签，最多5个~">
</div>

当span数量达到某个量级后，会出现input框下滑的情况，请问如何解决？

解决方案

这个是span右边的空间已经不够容纳input了，所以换行

这篇关于css - div 内容会下滑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！