关于Div中显示图片的问题

关于Div中显示图片的问题,第1张

可以使用 after伪类+content 让大小不固定垂直居中 ,这样代码比较酷。
比如:
pic_box{width:300px; height:300px; background-color:#beceeb; font-size:0; font-size:200px; text-align:center; }
pic_box img{vertical-align:middle;}
pic_box:after{display:inline-block; width:0; height:100%; content:"center"; vertical-align:middle; overflow:hidden;}
html:
<div class="pic_box">
<img src="" />
</div>

关于如何设置 DIV 背景,如下例子:如果是背景重复就把no-repeat改为repeat
div{background:url(images/1jpg) no-repeat;}

<div style="width:960px;overflow-x:scroll">
  <div style="width:2280px">
  <img src="1jpg" width="760" height="100"/>
  <img src="2jpg" width="760" height="100" />
  <img src="3jpg" width="760" height="100"/>
  </div>
</div>

<style>
select {width: 180px;height: 120px;display: block;background: url(selectpng);z-index:1000;}
</style>
<ul>
<li>
<label id="Item_1" class="select">
<img src="picjpg" />
</label>
</li>
</ul>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12742147.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存