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

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

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