Question

我正在为内部网站制作一些标记，并在一系列行中列出联系人列表。现在，我正在使用<div>标签：

<div class="row">
    <div class="col-md-5">
        <button type="button" id="createNewContact" class="btn btn-lg btn-success">
            <span class="glyphicon glyphicon-plus-sign"></span>
            Create
        </button>
    </div>
</div>

我得到了你期望的那种标记。你知道，正是我在Visual Studio中输入的内容。我希望行之间有更多的喘息空间，我想切换到<p>标签：

<p class="row">
    <div class="col-md-5">
        <button type="button" id="createNewContact" class="btn btn-lg btn-success">
            <span class="glyphicon glyphicon-plus-sign"></span>
            Create
        </button>
    </div>
</p>

每当我这样做时，我的标记就会在浏览器中出现：

<p class="row">
    </p><div class="col-md-5">
        <button class="btn btn-lg btn-success" id="createNewContact" type="button">
            <span class="glyphicon glyphicon-plus-sign"></span>
            Create
        </button>
    </div>
<p></p>

无论我使用什么浏览器，都会发生这种情况。我已尝试移动<p>标记，并将它们放在<div>和<fieldset>标记（至少）周围，以生成此标记。

我在这里错过了什么吗？

Answer 1

由于<p>不能包含<div>或其他块元素，因此浏览器始终会从<div>中取出<p>

创建<p>以包含文字或其他内嵌元素，例如<span>。

这与VS或Bootstrap无关，只是html

同时检查this回答

为什么我的段落不正常地结束？

1 个答案: