CSS ul 显示为表格

CSS 将ol 显示为表格

废话不多说，直接上代码

HTML代码 :

//这个是一个简单的ol

		<ol class="topList">
				<li><a href="">首页</a></li>
				<li><a href="">手机</a></li>
				<li><a href="">家电</a></li>
				<li><a href="">相机</a></li>
				<li><a href="">电脑</a></li>
		</ol >

CSS的代码：

//样式

.topList {
	display: table;
	/*将ol显示为表格*/
}

.topList li {
	display:table-cell;
	//这是将li显示表格的单元格
	
}

效果图
前
后

第一次写博客，存在很多不足的地方。一起加油呀！