Question

我有一个文本框和相邻的复选框，我的问题是复选框转到下一行：

<td><div class='allDropdown'><input type='text' class='vendorDropdown' /> <input type='checkbox' class='checkbox' /></div></td>

我试图让他们彼此相邻。

这是我的CSS：

.allDropdown {
    width: 100%;
}

.allDropdown input[type=text]  {
    float: left;
    width: 150px;
}

.allDropdown input[type=checkbox] {
    float: left;
}

我有一个很长的表，我也在使用bootstrap，当我尝试减小文本框的大小时，td会变小，复选框会转到第二行

Answer 1

您可以将文本框定位为绝对文本框，以便它可以粘贴在您想要的任何一侧

试试这个..

ofstream write;
//declare writer as ofstream
ifstream read;
//declaire read as ifstream
ofstream append;
//declare ofstream as append;

Answer 2

是的，实际上代码似乎是正确的。它没有在不同的行中呈现两个输入。你能展示更多代码吗？那里可能会有一些引导样式。另一方面，你应该总是尝试改变盒子的显示方式，而不是将它与浮子一起取出框架，而不是浮动它们。你试过display：inline-block for both？该表是否有任何样式可能会调整TD的大小？

CSS - 文本框和td

2 个答案: