两列文本，中间有图像

.container {
  text-align: center;
}
.container:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }
.inner {
  display: inline-block;
  vertical-align: middle;
 }

我不知道这是不是你要找的。

1)创建两个div(作为列)，并将图像放在中间(图像将重叠这两个列)

 img
 {
 background: red;
 height: 300px;
 width:400px;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 }

2)创建2div(作为列)，不透明度:0.5，并将图像放在中间(图像将像背景一样，因为添加了z-index)

img
{
z-index:-1;
}

祝你好运! !