Question

定义列表，仅允许dt和dd标记。将dt及其关联的dd包含在div内是无效的。示例定义列表：

<dl>
    <dt>Name:</dt>
    <dd>Nick</dd>
    <dt>Age:</dt>
    <dd>26</dd>
    <!-- etc -->
</dl>

我希望dt和dd标记是包装的内联块。我希望在一行中最多允许两个dt/dd对，但我绝不希望它在dt标记之后换行。换句话说，我从不想要＆＃34;姓名＆＃34;和＆＃34;尼克＆＃34;在不同的路线上。我从不想要＆＃34;年龄＆＃34;和＆＃34; 26＆＃34;也可以在不同的路线上。也许他们四个都在一条线上，或者也许就是＃34; Name＆＃34;和＆＃34;尼克＆＃34;在一条线上＆＃34;年龄＆＃34;和＆＃34; 26＆＃34;在下一行，取决于视口宽度。

我尝试将 放在元素之间但不起作用。我无法用其关联的dd包装dt，因为从技术上讲，这是无效的标记。

这个问题有没有正确的解决方案？或者我是否必须放弃语义原则才能获得我想要的样式？

编辑：这不是How to style dt and dd so they are on the same line?的副本，因为我说＆＃34;我想在一行上允许最多两个dt / dd对＆＃34;。是否有一对或两对取决于可变内容。

有没有办法在没有包装器的情况下阻止两个元素（dt和dd）之间的换行符？

0 个答案: