Javascript style.display="；块；在所有最新浏览器中

在JavaScript中，我运行

element.style.display=“block”

，其中

element

是

、

或

DOM元素。执行此操作时，元素将显示在新行上。如何使用JavaScript或CSS避免这种行为

作为参考，我使用的JavaScript函数如下：

function hideEdit()
{
    document.getElementById("ctl00_ContentPlaceHolder1_btnEdit").style.display = "none";
    document.getElementById("ctl00_ContentPlaceHolder1_btnRegisterMe").style.display="block";
}

以及创建HTML的ASP.NET元素：

<asp:Button
    ID="btnRegisterMe"
    runat="server"
    CssClass="button_bg_primary"
    OnClick="btnRegisterMe_Click"
    Text="Register"
    OnClientClick="return imagevalidation();"
    TabIndex="94"
    meta:resourcekey="btnRegisterMeResource1" />

---

要解决此问题，您需要

显示：内联

而不是块

display:block-为内容创建块并为其创建新行

---

显示：内联-不创建新行，但它将您的内容安排在同一行。

css2.1引入

display:inline block这是两个世界中最好的一个

首先，它将元素内部视为
块
，允许其具有
宽度
和
高度
。但是，元素本身仍然是内联的，这意味着它不会像您看到的那样换行

学校有

您可以使用JavaScript设置属性，与当前将其设置为
block
的方式相同，如下所示：

document.getElementById("ctl00_ContentPlaceHolder1_btnRegisterMe")
        .style.display = "inline-block";

display:block
应创建新行。如果不希望它是块级别的元素，为什么要将其设置为块？如果它适合您，请不要忘记将其标记为已接受