Question

文字上下左右绝对居中于这个图片div代码怎么写?

文字在这个图片的中间.图片390px,高52px;这个div怎么写?

Answer 1

.*** {
  text-align:center; line-height:52px;
}

Answer 2

CSS:

#top{width: 390px;height: 52px;background: #000;text-align: center;}
#top p{margin:0 auto;height:52px;line-height:52px;color: #fff;}

HTML:

<div id="top">
    <p>我是文字</p>
</div>

Answer 3

只能左右居中，不能上下居中，上下靠调节padding

<style>
.div1 {width: 200px; height:30px;background:url("背景图片路径") scroll 0 0 no-repeat transparent;}
.div1 p {font-size:16px; font-weight:bold; text-align:center; padding: 8px 0;}
</style>

<div class="div1">
<p>text text</p>
</div>

追问

那这个上下调节也可以用margin-top不?

追答

是的，可以用margin

Answer 4

《div style=“height52px； width：390px ；background：url（背景图片路径）； line-height：52px； font-size：16px； color：#fff；”》

我是文字文字文字
《/div》

Answer 5

height:30px;
line-height:30px;
这个可以上下居中