小库网 

<style>

.container {

    position: relative;

}

​

.center {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    text-align: center;

    font-size: 18px;

    margin-top:-9px;

}

​

img { 

    width: 100%;

    height: auto;

    opacity: 0.3;

}

</style>

​

​

​

<h2>图片文本</h2>

<p>在图片中间位置添加文本信息:</p>

​

<div class="container">

  <img src="https://www.fxku.cn/wp-content/uploads/2016/04/trolltunga.jpg" alt="Norway" width="1000" height="300">

  <div class="center">居中</div>

</div>

​

​

​