• flex
  • 内部元素间距：justify-content
• text
  • 单行文本溢出
  • 多行文本溢出
  • px em rem
• div
  • 圆形：border-radius: 50%
  • border
    • 边框颜色 border:style; border: color
• canvas
  • 画图

text

单行文本溢出

 .content {
    width: 300px;
    border: 1px solid red;
    /* 强制不换行 */
    white-space: nowrap;
    /* 文字用省略号代替超出的部分 */
    text-overflow: ellipsis;
    /* 匀速溢出内容，隐藏 */
    overflow: hidden;   
  }