Question

我试图将文本及其下拉列表放在一行但不可能，我尝试使用display：inline和display inline block。

如果我在外面尝试相同（不在我的代码中），它工作正常。你能否说明可能是什么原因以及我可以用什么来实现同样的目标。

Edge by: <select id="EdgeAlgorithm" onClick="UpdateMetricFromGUI()">
               <option value="Differential">Differential</option>
               <option value="Threshold">Threshold</option>
         </select>

输出结果如下：

边缘：
（下拉列表）

而不是：

Edge by :(下拉列表）。

Answer 1

很难说没有看到CSS以及两个元素的容器是什么样的，但如果你float: left select并将文本放在label或{{1}中{}}和span float它应该有效。然后，您也可以从那里控制两者的left。

同样，很高兴看到你实际使用的CSS。

Answer 2

最好的方法是让标签具有正确的样式 - 当然宽度必须正常（特别是父母必须在一行中容纳这两个元素）但是它会是这样的：

<label for="EdgeAlgorithm" style="float:left">Edge by:</label><select id="EdgeAlgorithm" onClick="UpdateMetricFromGUI()" style="float:left">
               <option value="Differential">Differential</option>
               <option value="Threshold">Threshold</option>
         </select>

文本及其下拉列表不在一行中

2 个答案: