如何使用css将文本放在顶部中心位置图像响应？答案

【问题标题】：how to place an text on the top center position image responsively using css?如何使用css将文本放在顶部中心位置图像响应？
【发布时间】：2016-10-10 16:03:45
【问题描述】：

请看这个 html 。

 <div class="parent">
    <div>
      <span id='chn'> motrolla</span>  
      <img id="roller" src="images/motrolla.png">
     </div>
    </div>

我编写媒体查询以使此父 div 响应。我需要在图像顶部显示跨度并将其设为中心位置。这个怎么做？目前是图片下方显示的名称。

【问题讨论】：

它已经在图片顶部了，你是说图片里面还是图片外面？

标签： html css css-float

【解决方案1】：

这是你要找的东西吗：

<div class="parent">
  <div>
    <span id='chn'> motrolla</span><br/>
    <img id="roller" src="images/motrolla.png">
  </div>
</div>


.parent div{
    text-align:center;
}

Here is the JSfiddle demo

【讨论】：