有很多的业务需要元素或者文字如果单行，居中显示，如果数据增多，居中显示
代码（直接复制到编辑器可用）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单行居中，多行居左显示</title>
<style>
div{text-align: center;border: 1px solid #000;}
p{display: inline-block;text-align: left}
</style>
</head>
<body>
<div>
<p>这是我测试的文字，当文字超出的时候，居左显示。这是我测试的文字，当文字超出的时候，居左显示。</p>
</div>
</body>
</html>
![[No0000B0]ReSharper操作指南1/16-入门与简介](https://images2017.cnblogs.com/blog/572188/201803/572188-20180305161107308-1485163760.png)
