本文介绍如何使用HTML的dl、dt和dd标签创建图片加标题的列表，并通过浮动属性实现布局。强调dt内不可放块级标签，dd内可容纳任意标签，同时提醒需设置box-sizing属性以确保布局均匀。
只需要定义1个dl标签，在dt标签内添加分别添加相应的图片，在dd标签内添加p标签或者span标签或者其他可以添加文字的标签，再给dt和dd添加浮动属性（float:left;）即可。值得注意的是dd标签内可以添加任意其他标签，但是dt标签内不能添加块级标签只能添加行级或行内块级标签。
平均三列可以多打几位33.333%减少误差，哈，还有就是必须box-sizing必须设置不然不能平均噢。
---------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Docum
最低0.47元/天 解锁文章
扫一扫
2625
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
