布局与对齐13 条

• 图标和文字垂直居中Vertical Centering / align-items
  图标和文字对不齐，总是高低错落
• 水平垂直都居中Perfect Centering
  让一个盒子在屏幕正中间
• 等分布局Equal Width / flex:1
  一排几个东西平分宽度
• 两端对齐Space Between
  左边标题右边按钮，贴两边
• 文字溢出省略号Text Overflow Ellipsis
  文字太长把页面撑破了
• 吸顶（滚动固定）Sticky Top
  滚动时想让顶栏一直跟着
• 等高列Equal Height Columns
  一行里几个卡片高度不一样丑
• inline-block 间隙Inline-block Whitespace Gap
  几个元素横排，中间总有莫名缝隙
• 负边距陷阱Negative Margin
  想微调位置用了负数 margin
• 流式换行排列Flex Wrap
  一排放不下却硬挤成一团
• 左固定右自适应两栏Fixed+Fluid Two Column
  左边固定宽右边占满
• 基线对齐Baseline Alignment
  几个大小不同的字不在一条线上
• 内容卡片Card
  把一段内容（标题、图、说明、操作）装进一个有边界、有留白的容器里，让它像一张卡片