html - 如何将 h4 和 h1 放在背景图片的中间?

标签 html css

我有这种情况。 HTML:

https://codepen.io/JT_Cerqueira/full/YxOLxg/

问题是在 headwraper div 上有一个背景图片,我尝试了所有方法将我的 h1 和 h4 句子放在背景图片的中间,但我就是不知道该怎么做。当然,想法也用完了。

有人能帮忙吗?

<div id="headwraper">
    <div class="container-fluid">
     <div class="row">
      <div class="col-sm-6 col-sm-offset-3 col-xs-12">
        <h4>HELLO WORLD, I'M</h4>
        <h1>JT CERQUEIRA</h1>
        <h4>FRONT END WEB DEVELOPER AIMED AT FULL STACK</h4>
      </div>
    </div>
   </div>  
  </div>  

谢谢。

最佳答案

这可能有帮助:

只需更改以下内容, padding-top:50px; 最小高度:770 像素;。这样就可以了。

感谢它是否有效。

关于html - 如何将 h4 和 h1 放在背景图片的中间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46108362/

相关文章:

javascript - jquery中的右偏移和下偏移

javascript - 如何定义 'overflow' 属性

javascript - 在 html5 网页中的电子邮件中附加文件

php - 以两种不同的 div 样式显示数据库中一张表的图像

html - 在自己的网站上无法滚动

css - HTML 不加载 CSS 文件

php - 选择、插入 MySQL 和 PHP

css - 如何用css叠加两种字体

javascript - 如何仅在特定的 css 类上有条件地应用 Javascript?

javascript - 如何只更改 click div 元素的颜色?