如何使<select>内联显示?

时间:2019-01-28 23:39:26

标签: css angular select inline

嗨,我有一个简单的标签“ District”,并带有一个邮政编码列表的下拉列表。我只是想将标签和下拉列表并排,水平放置在一行上,但是由于某些原因,它可以工作。它保持垂直显示,如顶部的标签和底部的菜单中所示。 这是我的HTML:
                           
和我的CSS: .filterButton {   左边距:43px;   边界半径:0;   背景剪辑:padding-box;   边框:2px实心rgba(0,0,0,0.2);   背景位置:50%50%;   光标:指针;   文本对齐:居中;   背景颜色:#fff;   填充:3px;  }  .fa-filter:hover {    颜色:#5690C6;  }  .fa-filter {   颜色:#1770a6;   字号:21px;   padding-left:4px;   padding-right:4像素;   align-content:居中;  }  .menu,.menuContent {    显示:内联;   }

1 个答案:

答案 0 :(得分:1)

您应该显示:inline;或显示:在filterButton上的内嵌块,即元素的包装。