摘自css世界张鑫旭著经典案例持续更新中

1. 需求 : 页面某个模块的文字内容是动态的, 可能是几个字, 也可能是一句话. 然后, 希望文字少的时候居中显示, 文字超过一行的时候居左显示. 该如何实现呢?

/** 核心 css 代码如下:**/
.box {text-align:center;}
.content {
  display:inline-block;
  text-align:left;
}