5分钟快3首页    注册   登录
5分钟快3 = way to explore
5分钟快3 是一个5分钟快3关于 分享和探索的地方
现在注册
已注册用户请  登录
5分钟快3推荐 关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
5分钟快3推荐 书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
5分钟快3  ›  JavaScript

这种圆圈+文字的布局如何实现?

  •  
  •   waiaan · 119 天前 · 1449 次点击
    这是一个创建于 119 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不用 D3 等库,谢谢。

    avatar

    圆圈和文字的数量不固定。

    第 1 条附言  ·  119 天前
    图好像看不到,链接5分钟快3地址 如下:

    http://www.17sucai.com/pins/34463.html
    8 回复  |  直到 2019-08-16 15:55:49 +08:00
        2
    waiaan   119 天前
    @jjplay 如果不引用第三方库,有什么思路吗?
        3
    VDimos   119 天前 via Android
    Canvas 一把梭
        4
    jjplay   119 天前
    就直接写个元素,border-radius 设为圆圈,display inline-block,让它自个儿靠左,谁超过父元素宽度了就自己换行
        5
    waiaan   119 天前
    @jjplay 那不会导致左边一列都是对齐的?
        6
    jjplay   119 天前
    那就居中对齐啊朋友,做开发就是要有灵活想法,尤其是前端 奇技淫巧待5分钟快3你 去研究
        7
    Zenyk   118 天前
    flex 布局 配合 flex-wrap: wrap
        8
    waiaan   116 天前
    @Zenyk
    @jjplay
    谢谢。
    不过这样元素排列不够紧致,会出现比较大的空隙。
    5分钟快3关于   ·   FAQ   ·   API   ·   5分钟快35分钟快3我 们 的愿景   ·   广告投放   ·   感谢   ·   实用小5分钟快3工具   ·   2664 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 32ms · UTC 13:24 · PVG 21:24 · LAX 05:24 · JFK 08:24
    ♥ Do have faith in what you're doing.