实现思路
1、 块元素内容默认居中对齐
2、内联元素宽度少于等于父元宽度时，左对齐
效果
image.png
image.png
案例：
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<style type="text/css">
/*
块元素内容默认居中
*/
.divinfo {
text-align: center;
}
/*
内联元素宽度少于等于父元宽度时，居左
*/
.divinfo span {
display: inline-block;
text-align: left;
}
</style>
</head>
<body>
<div class="divinfo">
<span>这是一段文字文字超长居左显示，否则居中显示。这是一段文字文字超长居左显示，否则居中显示。</span>
</div>
</body>
</html>
网友评论