[css] 實現文字一行居中，多行左對齊效果

實現文字一行居中，多行左對齊效果 其實這種需求仍是蠻常見的，主要用於產品列表頁面，用於產品圖片下面，顯示產品的名稱。 想要實現的效果爲：css 未知文字長度，當文字長度小於盒子寬度，也就是一行時，文字居中。 當文字長度大於盒子的寬度，會自動換行，成爲多行文字，此時文字左對齊 利用行內元素 我首先想到了這個思路，思路以下：html p 標籤設置爲display:inline-block，並讓 p 居

>>阅读原文<<