如何在 HTML 的同一行上输入和标签？

Question

我有一个通过 AJAX/JQuery 附加到表的表行。该行应该有一些描述“类别”是什么的文本，然后是两个按钮（输入标签），单击时将执行特定操作。除了我无法按照我想要的方式设置文本格式这一事实之外，它仍然有效。我希望按钮和文本与左侧的文本位于同一行。如果我将文本放入，那么它会创建自己的行，并且按钮会呈现在标签下方。如果我将文本放在 a 中，那么所有内容都在同一行上，但文本位于按钮的右侧而不是左侧。我还尝试了许多样式技术，例如 display: inline-block 和 vertical-align: top all 都无济于事。$('#listOptionsTable').append('< tr >< td >' + '<text>' + result.Value + '</text>' + "< input type='button' class='btn' id='addButton' onclick='addPopulateCategoryTable(" + result.SpecListOptionID + ")' value='Add To Category(s)' />" + "< input type='button' class='btn' id='deleteButton' onclick='deletePopulateCategoryTable(" + result.SpecListOptionID + ")' value='Delete From Category(s)' />" + '< /td >< /tr >');我怎样才能让它与左边的文本在同一行上，后面紧跟两个按钮？编辑：这是我定义了 CSS 的表格。这是一个非常简单的表，没有什么太花哨的：< table id="listOptionsTable" style="background-color:#F0F0F0;" >< /table >

Answer 1

TD 单元会尽可能地折叠并包裹它们内部的所有东西。

为了防止这种情况，请使用 CSS 在 TD 标签上设置宽度：

<style>

#listOptionsTable td {width: 300px}

</style>

或者你想要的任何宽度。没有它，宽度将是自动的，并且会在它认为合适的时候缩小，同时导致您的对象环绕。