发布网友
共5个回答
热心网友
方案一:文字浮动定位到图片上
<div class="img_wd">
<div class="c_img"><img src="test.jpg" width="100px" height="100px"/></div>
<div class="c_words">测试文字</div>
</div>
<style>
.c_img{position:relative;}
.c_words{position:absolute;top:35px;height:30px;line-height:30px;}
</style>
如要文字居中显示:top值=(图片高度-文本div高度)/2
如需要求水平居中:left=(图片宽度-文本div宽度)/2
方案二:用图片做文字图层背景
<div class="img_wd">测试文字</div>
热心网友
你好 首先可以使用图片做div背景 然后在你这个div中把文字居中 也可以把文字写在一个div中 position:absolute 绝对定位 设置相应的top 和lwft 谢谢
热心网友
将图片作为背景图,然后再背景图上加文字设置width,text-aline:center;
热心网友
div加一个宽高,然后用定位 left:50%;top:50%; margin:负的宽、高度的一半。试一试
热心网友
定位,边距,填充都能实现。具体看你做什么类型的