css文字和图片对其 |css背景宽度自适应

对于文字对齐，大家可以使用text-align属性。这个属性可以设置文字在容器中的对齐方式，包括居中、左对齐、右对齐等。例如，下面的代码将一个DIV元素中的文字居中对齐：

div {
text-align: center;
}

对于图片对齐，大家可以使用两种方式。一种是使用float属性。这个属性可以使图片“浮动”在文本中，实现文本围绕图片排列的效果。例如，下面的代码将一个IMG元素向左浮动，并使文本围绕图片排列：

img {
float: left;
margin-right: 10px; /* 为了让文本和图片之间有一定的距离 */
}

另一种方式是使用position属性。这个属性可以使图片定位到页面的某个位置，例如居中、靠左、靠右等。例如，下面的代码将一个IMG元素居中定位在页面中：

img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

无论是文字还是图片对齐，大家都可以通过CSS轻松实现。掌握这些技能可以让大家更好地设计网页，提高用户的体验。