CSS 实现长度少于等于父元素宽度左对齐，否则居中对齐

实现思路

1、 块元素内容默认居中对齐
2、内联元素宽度少于等于父元宽度时，左对齐

效果

image.png

image.png

案例：

    
        
        
        
    
    
        
        

            这是一段文字文字超长居左显示，否则居中显示。这是一段文字文字超长居左显示，否则居中显示。