本文展示了如何利用CSS Flex布局来制作柱状图。通过调整Flex属性，柱状图的每个柱子高度按比例定义，颜色循环使用，并且可以实现横纵两种排列方式。
以下是一个用Flex布局的柱状图：
HTML：
<div class="his_box">
<div>成绩分布直方图</div>
<div class="histogram">
<div><div>10</div></div>
<div><div>8</div></div>
<div><div>15</div></div>
<div><<用Flex布局制作简易柱状图
以下是一个用Flex布局的柱状图：
HTML：
<div class="his_box">
<div>成绩分布直方图</div>
<div class="histogram">
<div><div>10</div></div>
<div><div>8</div></div>
<div><div>15</div></div>
<div><<
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
