Javascript 如何防止字段和按钮之间的HTML自动换行

嗨

我目前正在制作一个包含上述字段和按钮的web应用程序，代码如下。虽然我删除了实际的按钮代码以保护我的作品隐私。有没有人知道如何使这两个物体在同一条线上

谢谢

布拉德

${row.ACCO60？html}（此处按钮的代码后跟结束td标记）

@这里是在运行时为表的特定部分生成的HTML代码

<

td class="one td_left" nowrap="nowrap">Ref</td>
                        <td class="two td_left" nowrap="nowrap">10004 
<a height="" href="javascript:void(window.open(Don't need to see this part))" id="squarebutton" linkedtype="M" mrc="" width=""><span>Amend company details</span></a>
</td>

<
td class=“一个td\u左”nowrap=“nowrap”>Ref
10004

如果没有表达式

${row.ACCO60？html}

和按钮代码生成的实际html，很难直接建议实现目标所需的样式，但我的直觉是（在CSS中）为这些元素选择，并使用以下CSS语句将其显示模式设置为内联或内联块：

display: inline-block;

---

本教程对内联块元素提供了更全面的解释。

将${row.ACCO60？html}放在一个div中，并将包含div的样式和按钮设置为：

#divId {
    display: inline;
    width: x%;
}

#buttonId {
    display: inline;
    width: y%;
}

---

，其中x+y请提供更多信息。我已经从${row.ACCO60？html}和按钮代码之间删除了，认为是这样，但不是这样。我在谷歌上搜索过它，显然使用的是nowrap works，所以它应该把按钮放到与10004相同的线上，但我运气不好你还需要什么其他信息？你能提供你的浏览器呈现的

html

吗？另请参见@IndrasinhBihola我刚刚为你添加了编辑。不幸的是，它们都链接到同一个crm css文件，所以我在处理该文件时没有灵活性。

#divId {
    display: inline;
    width: x%;
}

#buttonId {
    display: inline;
    width: y%;
}