如何在元素之前或之后避免换行？

Question

我有一个定义列表.我<dt>和<dd>CSS被设置为display: inline-block;.我想避免在<dd>元素之前和元素之后的换行符<dt>.我该怎么做？

我的列表看起来像这样,在term3之后有一个换行符:

term1:def1; term2:def2; term3:
def3;

我希望它看起来像这样(换行符应该出现在term3之前:

term1:def1; term2:def2;
term3:def3;

Answer 1

我能想到的唯一方法是设置每个元素的宽度，以便每行都有一个可预测的断点。