标签在同一行上，而不是在彼此下方

本文关键字：一行标签 | 更新日期: 2023-09-27 18:26:13

我有这个：

<div>
    <dl class="dl-horizontal">
        <dd>
            <h5>@Html.DisplayFor(model => model.FirstName)</h5>
        </dd>
        <dd>
            <h5>@Html.DisplayFor(model => model.LastName)</h5>
        </dd>
    </dl>
</div>

这是一个姓。但他们是这样互相展示的：

阿尔伯特
牛顿

必须是：

Albert Newton

标签在同一行上，而不是在彼此下方

这是Fiddle

dd {
   display:inline-block;
}

dd元素必须内联显示，这样您就可以将dd添加到css中并查看

如果dd是引导程序的元素，则必须用覆盖！重要标签

dd {
   display:inline-block !important;
}