0
我在row
内有两个带链接的图像。有时候只需要一张图片,因此我添加了JSTL
标签来验证。问题是当我只显示一个图像。然后他们不居中。只有当这两个图像都可用时,它才会居中。如何解决这个问题?行内动态中心元素
<div class="row">
<c:if test="${content.facebookLink ne 'NO_FACEBOOK_LINK'}">
<div class="col-sm-3 col-sm-offset-3 col-xs-6">
<a href="${content.facebookLink}" target="_blank">
<img src="<c:url value="/resources/images/fb.png"/>">
</a>
</div>
</c:if>
<c:if test="${content.twitterLink ne 'NO_TWITTER_LINK'}">
<div class="col-sm-3 col-xs-6">
<a href="${content.twitterLink}" target="_blank">
<img src="<c:url value="/resources/images/twitter.png "/>">
</a>
</div>
</c:if>
</div>
谢谢。
我以为你不能改变网格布局或HTML,因为它是动态的,否则使用带'text-align:center'的'inline'元素为parent是更好的选择。 –