dl元素通常用于创建说明列表，但在我使用时发现了一个小问题。
定义和用法
在MDN中
和用于声明在定义列表中表示说明列表的术语。 (namegodzillaborn 1952 birthplacejapancolorgreen )现在我们得到了一个包含术语及其说明的列表。
给予
在上面的展示中，
于是，我
dl {
width: 400px；
border : 1px固态硬盘；
盒尺寸： border-box；
display :在线区块；
}
dt，dd {
margin: 0；
padding: 0；
浮点：左；
width: 50%；
}
问题
于是，出现了开头提到的小问题。
说明列表的样式完全混乱，列表的第一行似乎还不错，但第二行的
前面有莫名其妙的空白，后面几行也有问题，这是为什么呢？ 用“border大法”来看看为什么会发生这样的事情。 我
的宽度相同。 dl {
width: 400px；
}
dt，dd {
margin: 0；
padding: 0；
浮点：左；
width: 49%；
border : 1px固态硬盘；
}
结果如下。
你看过吧。 定义术语
由于记述要素和用语的要素的高度不同，第2行的邮箱被塞进要素本来的位置，之后的要素也依次塞进去。 解决
这个问题的原因是
和高度相适应，纯数字的高度比汉字的内容低，所以用两种方法解决。 1 .纯数字的高度和带汉字的文本的高度不同，两边加汉字不就行了吗？
完美~
讲道理，皮皮这样很开心.
2 .健康人最好不要用上边的方法吗？ 请不要慌张。 还有一个方法。 是给两侧固定的高度。
dl {
width: 400px；
}
dt，dd {
font-size: 16px；
padding: 0；
margin: 0；
浮点：左；
width: 49%；
border : 1px固态硬盘；
高： 30px；
line-height: 30px；
}
两侧加上30px的高度，将行高设定为与高度相同，使文本垂直居中。
解决~
如果大家有更好的解决方法的话，请不要吝惜指导我。 以上。