我想让dt / dd对紧密对齐,但不要互相接触。我现在有这个:
使用此css:
ShutdownHook
我想要这个:
但每当我使用像padding-right这样的标签时:5px或margin-right或margin ... dd部分总是会转到一个新行,如下所示:
我不想在dt元素周围填充大的填充物,我想要的是将它们与每个相应的dd分开。我希望dt和dd之间的距离大于两个连续行之间的距离。
答案 0 :(得分:3)
将box-sizing: border-box
添加到dt元素,即使添加填充和边框,它也将保持30%的宽度
注意70%+ 30%= 100%。如果你添加30个像素,它将是>超过100%。
基本上将属性box-sizing
设置为border-box
,您说元素必须是该宽度,然后填充和边框将从该宽度计算,而不是像默认框一样添加 - 模型