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 |