css文字和图片上下居中

CSS文字和图片上下居中的方法有很多种，以下是其中一种常见的方法：

使用绝对定位和居中：

```css

.container {

width: 300px;

height: 200px;

margin: 0 auto;

.text-center {

text-align: center;

position: absolute;

bottom: 50%;

left: 50%;

transform: translate(-50%, -50%);

上述代码定义了一个容器类 `.container`，其中宽度为300px，高度为200px，并使用 `margin: 0 auto` 来使容器居中。

需要注意的是，这种方法只适用于简单的文本和图片布局，如果需要进行更复杂的布局，可以考虑使用其他 CSS 技巧，如 Flexbox 或 Grid 等。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！