Question

我正在尝试将H2和Div放在一行中并且不起作用

我有错误吗？

<div style="display:inline"><h2>LISTA DE SEDES</h2> |<div class="Create">  @Html.ActionLink("Create", "Create")</div></div>

Answer 1

<h2>和内部div应该有display:inline;，而不是外部div。

Answer 2

试试这个：

<div style="display:inline"><h2 style="display:inline;">LISTA DE SEDES</h2> |<div class="Create" style="display:inline;">  @Html.ActionLink("Create", "Create")</div></div>

您应该看到：

LISTA DE SEDES | @Html.ActionLink("Create", "Create")

显示内联。您也可以使用浮点数：

<style type="text/css">
.float_left {
    float:left;
}
.clear {
    clear:both;
}
</style>
<div class="float_left">
<h2 style="display:inline;">LISTA DE SEDES</h2>
</div> 
<div class="float_left"> | </div> 
<div class="float_left"><div class="Create">  @Html.ActionLink("Create", "Create")</div></div>
<div class="clear"></div>

Answer 3

如果您希望嵌套的<div>与<h2>显示内联，则需要将display: inline应用于嵌套div本身。标题元素默认也显示为块，因此您需要指定<h2>以显示内联。

<div><h2 style="display: inline">LISTA DE SEDES</h2> |<div class="Create" style="display: inline">  @Html.ActionLink("Create", "Create")</div></div>

在此处查看演示：http://jsfiddle.net/t5FEX/

Answer 4

嘿，你应该使用display inline-block

就像这样

<div  style="display: inline-block;">
<h2 style="display: inline-block;">LISTA DE SEDES</h2> |
<div class="Create"  style="display: inline-block;">  @Html.ActionLink("Create", "Create")</div>
</div>

现场演示http://jsfiddle.net/rohitazad/t5FEX/1/

将元素放在一行中

4 个答案: