这是我总结的代码
HTML:
<div class="wrap">
<div>
<img src="Pictures/titlepic.jpg" width="1035" height="200">
<h1 class="text_over_image">Welcome to my Sandbox</h1>
</div>
</div>
CSS:
.wrap{
width: 1060px;
margin: auto;
}
.text_over_image{
position: absolute;
top: 20px;
}
我已经尝试了left: 50%
,,text-align:center
任何数量的事情都没有运气。我不想做一个left: 50px
(或任何需要的值),因为看不见的是文本的长度根据 Javascript 值而变化。所以标题可能很短,也可能很长,无论如何我都希望它居中。
想法?