[css] 实现文字一行居中，多行左对齐效果

实现文字一行居中，多行左对齐效果 其实这种需求仍是蛮常见的，主要用于产品列表页面，用于产品图片下面，显示产品的名称。 想要实现的效果为：css 未知文字长度，当文字长度小于盒子宽度，也就是一行时，文字居中。 当文字长度大于盒子的宽度，会自动换行，成为多行文字，此时文字左对齐 利用行内元素 我首先想到了这个思路，思路以下：html p 标签设置为display:inline-block，并让 p 居

>>阅读原文<<