css 图片居中 hacks

最新推荐文章于 2024-06-25 04:06:57 发布

xly_971223

最新推荐文章于 2024-06-25 04:06:57 发布

阅读量86

点赞数

文章标签： CSS Java 浏览器

本文介绍了一种使用一行CSS代码实现背景图片在各种浏览器中显示一致性的方法，并提供了具体的HTML示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一行代码搞定
跨所有浏览器

这行css代码就是

background:url(<justel:imageserver/>${remark}) center no-repeat

如下使用

<div class="userSmallLogo" style="background:url(<justel:imageserver/>${remark}) center no-repeat"></div>

代码中使用

<s:iterator value="recommendQuanList" var="var">
					<div style="margin:0 22px; ">
					<div class="SmallLogoWrapper" >
					<a href="${ ctx }/quan/s-view.action?quanId=${rowId}" title="${title}">
						<s:if test="remark == null">
							<div class="userSmallLogo" style="background:url(${ ctx}/images/quan_nosmalllogo.gif) center no-repeat"></div> 
						</s:if>
						<s:else>
							<div class="userSmallLogo" style="background:url(<justel:imageserver/>${remark}) center no-repeat"></div>
						</s:else>	
					</a>   
						<p style="text-align:center;"><a href="${ ctx }/quan/s-view.action?quanId=${rowId}" title="${title}">${title }</a></p>
					</div>
					</div>
				</s:iterator>