css里面如何把图片居中 css如何让图片居中对齐

说到图片居中，这玩意儿其实有不少“调皮”的点。先来聊聊几种常用的招数吧：

想让单独的文字垂直居中？其实超级简单，直接用line-height属性搞定就好，超方便吧！
如果你是文字和图片混排，那就得稍微来点儿复杂的操作了。先给包裹图片的div定个高，然后给图片的CSS加个vertical-align: middle;，比如写成.yangshi img { vertical-align: middle; }，这样文字和图片就能乖乖地对齐啦。
遇到那种宽度不确定的块级元素要水平居中时，可以考虑用table标签作为容器，别小瞧这个老办法，真的挺管用的。
当然，想水平居中图片的话，最常见的套路是让父元素加个text-align: center;，然后图片本身设置成inline-block，就像这样：

.parent {
  text-align: center;
}
.parent img {
  display: inline-block;
}

这招够轻松，能搞定大多数情况的水平居中。

css背景图片background-image缩放居中显示 css怎样让背景图片靠右居中 css 背景图片怎么让他在浏览器中都居中显示

接下来聊点儿更高级的背景图片居中技巧，毕竟背景图片的居中可比普通图片灵活多了。下面给你详细罗列几个超实用的点：

background: url('image.jpg') no-repeat center center;

这里的两个center分别代表水平方向和垂直方向居中，简单又高效，背景小图想居中没毛病。

background-position: center right;

这玩意儿保证了图片在垂直方向垂直居中，同时靠右对齐，很适合一些追求设计感的小伙伴。

background-size: cover;
background-position: center center;
background-repeat: no-repeat;

这样不管分辨率怎么变，背景图都能完美铺满而且居中，超赞！

总结来说，背景图居中你就得熟练用好background-position和background-size，别忘了还有no-repeat，不然背景图想重叠都能把你气死哈。