CSS单行文字居中显示，多行文字左对齐

css.content{text-align:center;}.text{display:inline-block;text-align:left;}总的原则是这样的：对于一个元素来说，如果它的display属性值为inline-block，那么它的宽度由内部元素决定，但是永远会小于它的尺寸“containingblock”容器，即“shrink-to-fit”可能不能这么直观的描述上面的例子，简单来说，当文本比较小时，.text的宽度跟在文本后面，而那么我们就可以使用父级text-align:center来让一个inline-block元素居中，这样就可以满足单行文本居中的效果。当文本较多时，.text的宽度跟随父容器。由于text-align:center会被继承，所以可以在.text上修复。方法2不支持IEwidth:fit-content，可以在保持原块水平的同时实现元素收缩的效果，所以可以直接使用margin:auto来实现元素向内自适应的居中效果。html这段文字是否可以这样判断，当文字少于一行时，让其显示在居中，当文字超过一行时，让其显示在左侧

css.text{宽度：适合内容；margin:0auto;}方法三前一种方法width:fit-content很有效，但是IE不支持怎么办？事实上，默认显示已经具有此功能。当display属性值为table时，元素会显示width:fit-content的效果，不仅支持宽度跟随内部元素，还支持水平边距居中html可以吗这样判断这段文字，当文字少于一行时，让其居中显示，当文字超过一行时，让其显示在左侧

css.text{displa是：表格；保证金：0自动；}