如何防止字段和按钮

Question

您好，

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

由于

布拉德

<td class="two td_left" nowrap="nowrap">${row.ACCO60?html} (Code for button here followed by the closing td tag) 

@stett这是在运行时为表的特定部分生成的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>

Answer 1

如果没有表达式display: inline-block; 生成的实际html和按钮代码，很难直接建议实现你想要的样式，但我的直觉是（在CSS中）选择这些元素，并使用以下CSS语句将其显示模式设置为内联或内联块：

{{1}}

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

Answer 2

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

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

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

，其中x + y <= 100.这将告诉浏览器在可能的情况下在同一行显示第二个元素，并将它们的组合宽度设置为小于或等于其包含元素大小的大小（td）。