html两个select怎么放在一行,HTML`select`和`input`在一行中

4 个答案:

答案 0 :(得分：4)

试试这个HTML

5-Min

Hour

Day

和这个CSS：

#my_bar {

width: 100%;

height: 45px;

display:block;

padding-bottom: 0px;

}

#my_input {

height: 100%;

width: 100%;

text-align: center;

}

#my_input_submit {

height: 100%;

}

input, select {

display:inline-block;

vertical-align:middle;

}

基本上，你总是把事情弄得一团糟，并在各处添加div和ID。只是清洁它会产生巨大的差异，现在你可能需要一些造型，可能会让那个巨大的按钮更小，或者让选择更大

答案 1 :(得分：1)

按如下方式更新css：

#my_bar {

width: 100%;

height: 45px;

overflow: hidden;

padding-bottom: 0px;

}

#my_bar span {

height: 100%;

display: inline;

overflow: hidden;

padding-left: 0px

}

#my_input {

height: 100%;

width: 100%;

text-align: center;

display: inline;

}

#my_input_submit {

height: 100%;

}

以下是工作样本：

但如果你想在选择之后提交提交按钮，那么你可以看到：

答案 2 :(得分：0)

为两个表单元素分配相同的类，并为它们提供内联样式

#my_bar {

width: 100%;

height: 45px;

overflow: hidden;

padding-bottom: 0px;

}

.my_style {

display: inline-block;

}

5-Min

Hour

Day

答案 3 :(得分：0)

...回到基础，如何使用一个简单的表？

5-Min Hour Day