您的位置：首页 > 其它

image设置高度无效

2016-06-22 16:46 253 查看

<style type="text/css">
.imageClass{
height:200px;
width: 200px;
}
</style>

</head>
<body>
<jsp:include page="../../decorators/_common_header.jsp"></jsp:include>
<div class="center">
<div class="thumbnail rvt-news-center rvt-news-center-img">
<div>
<div class="row">

<div class="col-sm-6 col-md-4">
<div class="thumbnail rvt-news-center rvt-news-center-img">

<a href="<c:url value='/news/revit/newsbimtype.html'/>"><img class ="imageClass" src='http://7xuxp3.com1.z0.glb.clouddn.com/imgae.jpg'></a>
<br/>
<div class="caption">

如上面所示给图片设置高度无效分析后发现是上层div 的样式影响到本层去掉

<div class="thumbnail rvt-news-center rvt-news-center-img"> 里面的thumbnail 就可以

出现这种莫名其妙问题一般是相互干扰

thumbnail 的样式来自bootstrap

.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail a>img, .thumbnail>img {
margin-right: auto;
margin-left: auto
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
border-color: #337ab7
}
.thumbnail .caption {
padding: 9px;
color: #333
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航