ul li img标签 图片不显示的问题
程序员文章站
2022-05-25 23:46:09
...
可以吧img标签去掉,在li元素中设置 background-image:url('xx.png');的形式显示
如果ul设置的是 “inline”,这通常是为了能够水平居中显示,还要确保li元素的宽度足够大,若不显示的li元素没有足够大的图片或文字,可以使用多个 代替,参考:
<ul><li class="bianhao">Copyright© 2005-2018 xxx Solutions. All Rights Reserved. xxx备xxx号 </li>
<li class="email"><a href="mailto:[email protected]">[email protected]</a></li>
<li class="shgs"> </li>
<li class="totop"><a href="#"> 返回顶部 </a></li>
</ul>
css
ul {
margin: 0 auto;
font-size: 12px;
display: inline-block;
}
li {
/* width: 27%; */
float: left;
height: 60px;
line-height: 60px;
color: #fff;
margin: 0 6px;
}
global.styles.css?p9u037:91
li, ul li.collapsed {
list-style: none;
}
li.shgs {
width: 18%;
background: url(../images/footer_icon01.png) no-repeat 0.5rem center;
}
.footer2 li.bianhao{
width: 453px;
}
.footer2 li.email{
width: 158px;
}
.footer2 li.shgs{
width: 60px;
}
.footer2 li.totop{
width: 160px;
}
推荐阅读
-
终于解决了html中img标签图片不显示问题
-
img标签src对应的图片不存在,显示一个默认的图片
-
img标签src对应的图片不存在,显示一个默认的图片
-
PHP 上传图片到七牛云以后,用HTML的IMG标签在scr处填上七牛云图片地址不能显示,可是在浏览器直接输入地址却能访问
-
咨询一个问题:用ul li 写的导航栏,下拉菜单怎么不显示? 谢谢各位_html/css_WEB-ITnose
-
关于img标签内:src不显示本地图片的问题
-
html显示图片的img标签--Javaweb
-
关于HTML中的img标签的图片路径问题
-
终于解决了html中img标签图片不显示问题
-
html svg标签中插入img image标签不显示的问题