.box{text-align:center;;}.content{显示：内联块；文本对齐：左；}看效果：可以看到，文字少的时候，显示在中间，换行的时候，显示在左边。所以为什么？仔细看页面结构会发现，box上的center作用于content元素，使得content元素居中显示，并且当文字的总宽度不超过box的宽度时,内容的宽度由文本的宽度决定。即文本总是充满内容元素，所以不管是左、中还是右，对内容元素的影响都是一样的。就像软袋装水一样，是水决定了袋子的大小。这时候袋子里全是水，自然无所谓。中、左、右。但是不止一行就不一样了，因为内容被拉长了（第一行），所以内容的左边对里面的文字有影响。non-inline-block的作用是什么？如果内容不是行内块会是什么样子？我们先分析一下。p元素是一个块级元素，所以它会自动填充一行，无论里面有多少文本。这样，内容的左边就会生效，也就是说，当文字少，文字多的时候，文字会显示在左边。看看效果是不是这样：是真的。参考张新旭新书《css 世界》的demo。