绝对定位position:absolute,然后设置你的上下左右就可以了,记得给父元素加上相对定位
按你说的是无法实现的,文本框中是无法添加图片的。但是通过布局可以实现,既abstrcat布局来实现,让图片覆盖文本框的一部分,就可以实现你想要的结果。或者你可以将图片和文本框放在一个div中,让他们贴在一起也可以,百度一下就是这样做的。
<style>*{ padding:0 margin:0 list-style:none}
.div{ text-align:center width:80% margin:0 auto}
.div ul{ padding-top:50px}
.div li{ width:25% float:left}
.div img{ border:1px solid red width:80% height:80px margin-bottom:20px}
.div span{ display:block margin-top:20px}
</style>
<div class="div">
<h1>标题</h1>
<ul>
<li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>
<li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>
<li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>
<li><img name="" src="" /><br />图片描述2<br /><span>图片描述2</span></li>
</ul>
</div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)