Javascript 小部件上的CSS-帮助复选框问题_Javascript_Html_Css_Asp.net Mvc

Javascript 小部件上的CSS-帮助复选框问题

javascript html css asp.net-mvc

Javascript 小部件上的CSS-帮助复选框问题,javascript,html,css,asp.net-mvc,Javascript,Html,Css,Asp.net Mvc,我使用javaScript函数“构建”了一个小部件，在HTML页面上调用它，并使用CSS使其响应现在，我必须在mvc.net应用程序上使用相同的小部件，但我无法使它按我所希望的方式工作。在下图中，“aluger”、“venda”、“compra”和“permuta”都出现在同一行中，我希望它们出现在不同的行中。我用过display:block和nothing。这些选项是自动加载的。谁能帮帮我吗分区的CSS： #div_maior { display:block; widt

我使用javaScript函数“构建”了一个小部件，在HTML页面上调用它，并使用CSS使其响应

现在，我必须在mvc.net应用程序上使用相同的小部件，但我无法使它按我所希望的方式工作。在下图中，“aluger”、“venda”、“compra”和“permuta”都出现在同一行中，我希望它们出现在不同的行中。我用过display:block和nothing。这些选项是自动加载的。谁能帮帮我吗

分区的CSS：

#div_maior {
    display:block;
    width: 100%;
    height: 100%;
    background-color: #ffffcc;
    clear: both;
    min-height: 50px;
    max-height: 200px;
}

#div_global {
    clear:left;
    display:block;
    float:left;
    padding: .5%;
    border-color: transparent;
    height: 100%;
    width: 30%;
   // overflow: auto;  
}

小部件的HTML：

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="javascript.js"></script>
        <link rel="stylesheet" type="text/css" href="estilos.css"/>
    </head>
    <body id="body" onload="getFacetasAJAX()">
        <label id="div_maior">  
            <label id="div_global" style="display: inline-block">
            </label>

            <label id="div_resultados" style="display: inline-block">

            </label>
        </label>
    </body>

</html>


提供头衔

您能同时显示

#div_resultados

的CSS吗？谢谢，我不能完全肯定我理解你。尝试从

中删除

style=“display:inline block”

。如果我理解正确，这可能是导致元素显示在同一行中的原因。您是否也可以显示

#div_resultados

的CSS？谢谢，我不能完全肯定我理解你。尝试从

中删除

style=“display:inline block”

。如果我理解正确，这可能导致元素显示在同一行中