css实现一行文字居中,多行文字居左
<div><span>我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。</span></div> <div><span>我是多行文字。</span></div>
样式:
div{ text-align:center; } div span{ display: inline-block;text-align: left; }
<div><span>我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。</span></div> <div><span>我是多行文字。</span></div>
样式:
div{ text-align:center; } div span{ display: inline-block;text-align: left; }