.row {display:table-row}
.row div {display:table-cell}
.row .one {width:200px}
.row .two {width:200px}
.row .three {}
上面说一下上边各个CSS属性的意义：
1.dispaly:table让.equal层作为块级元素的表格来显示，也就是将显示成表格的样子
2.border-collapse:separate边框独立，就像表格没有合并单元格以前
3.display:table-row将.row作为表格行tr显示
4.display:table-cell将.row的下级div作为表格单元格td显示
使用border-spacing:10px主要是来区分几个盒子，因为IE下不能正常显示，但是在：Mozilla、Opera、Firefox、Chrome下都是可以的。
其实可以写个div，给div的下边框加上线条，控制div的长度就可以了
.token {width: 300px
border-bottom: 1px solid black
}
<div class="token">外婆家私房菜:账户管理</div>
DIV＋CSS页面布局是web标准中的一种新的布局方式。在这种布局中，div承载的是内容，而CSS承载的是样式。5行5列具体制作方法推荐通过千锋教育进行学习，千锋教育开发教学课程，满足工科建设人才培养计划，切合主流企业对IT互联网实用型人才需求，累计更新74个版本。DIV 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样，CSS则提供对文档外观的更好更全面的控制，而且不干扰文档的内容。DIV+CSS模式具有比表格更大的优势，他将网页结构与内容相分离，代码简洁，利于搜索，方便后期维护和修改。DIV+CSS模式结构也更加清晰，对搜索引擎更加友好，DIV+CSS构架的页面具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
想要了解更多关于Web前端开发的相关信息，推荐咨询千锋教育。千锋Java现已拥有成熟独立的项目库，项目均1：1引进大厂项目，授课采用 CREA 项目研发模型，即 Cooperation、Research、Exercise、Alliance，以项目促进高质量教学。多场景，多学科联动为学员的技能实战提供高度还原的真实演练场，充分赋能学员简历价值，打造企业直聘班，得到广大学员一致认可。
