时间戳

首页 > 解决方案 > 如何使用scss根据下拉文本大小动态更改宽度

css - 如何使用scss根据下拉文本大小动态更改宽度

问题描述

我正在尝试使用 scss 根据下拉文本大小动态更改 div 的宽度我使用下面的代码片段尝试了这些

float:left; or display:inline-block

它没有帮助我解决这个问题。

这是我的下拉片段

 <Dropdown
      underline
      className='dropdowncontainer__dropdown'
      inputClass='dropdowncontainer __dropdownInput'
       data={data}
       onChange={changeHandle}
    />

这是我的下拉 scss 片段

 &__dropdowncontainer {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

        &__dropdown {
            display: flex;
            width: 200px;
            margin-top: 10px;
            border-bottom: 0px solid white;
        }
        &__dropdownInput {
            background-color: white;
            color: black;
        }
    }

标签： cssreactjssass

解决方案

推荐阅读