如何在HTML定义列表中的dt / dd之间放置一个空格?

时间:2015-11-03 16:10:14

标签: html css

我想让dt / dd对紧密对齐,但不要互相接触。我现在有这个:

form1

使用此css:

ShutdownHook

我想要这个:

form2

但每当我使用像padding-right这样的标签时:5px或margin-right或margin ... dd部分总是会转到一个新行,如下所示:

form3

我不想在dt元素周围填充大的填充物,我想要的是将它们与每个相应的dd分开。我希望dt和dd之间的距离大于两个连续行之间的距离。

1 个答案:

答案 0 :(得分:3)

box-sizing: border-box添加到dt元素,即使添加填充和边框,它也将保持30%的宽度

注意70%+ 30%= 100%。如果你添加30个像素,它将是>超过100%。

基本上将属性box-sizing设置为border-box,您说元素必须是该宽度,然后填充和边框将从该宽度计算,而不是像默认框一样添加 - 模型