时间戳

首页 > 解决方案 > 缩小元素以适应 div

html - 缩小元素以适应 div

问题描述

我正在一个网站上工作，我希望服务器类别随着添加更多以适应其父 div 而缩小。目前，服务器类别泄漏到其父 div 之外，仅覆盖搜索栏： 问题图片

我已经尝试了很多东西，但这是我现在所拥有的：

div 开始标签：

<div class="ui compact selection dropdown prompt search-type multiple" tabindex="0" autocomplete="off">
  <select multiple="" aria-label="Server Version" onfocus="insta_search()" onchange="insta_search()">

类别：

<a class="ui label transition visible" data-value="4" style="display: inline-block !important;">
  Factions
  <i class="delete icon"></i>
</a>

我的 CSS：

.search-type:not(.active) {
    width: 35%!important;
    display: table-cell;
    flex-flow: row;
    flex-wrap: wrap;
}

.ui.multiple.dropdown>.label {
    background-color: #6675B0!important;
    color: white;
    
    min-width: 0px;
    min-height: 0px;
}

标签： htmlcss

解决方案

首先，不要滥用 !important 属性：与 !important 属性关联的值永远不会改变。

其次，尝试将这些值添加到类别的容器中：

显示：弯曲；弹性收缩：1

推荐阅读