0
我想這樣的創造空間:Pseudoelement:後父DIV成分的變化大小
.gallery-item{
\t overflow: hidden;}
\t .gallery-item:after{
\t \t content: "text ....";
\t \t position: relative;
\t \t display: block;
\t \t transform: translate(20px, -30px);}
\t img{
\t \t width: 100%}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-md-4 gallery-item">
\t \t <img src="https://s-media-cache-ak0.pinimg.com/736x/c2/0b/2a/c20b2a893ad6d1d29764416207c8b885--sahara-marocain-morocco.jpg">
\t </div> \t
\t <div class="col-md-4 gallery-item">
\t \t <img src="https://s-media-cache-ak0.pinimg.com/736x/c2/0b/2a/c20b2a893ad6d1d29764416207c8b885--sahara-marocain-morocco.jpg">
\t </div> \t
\t <div class="col-md-4 gallery-item">
\t \t <img src="https://s-media-cache-ak0.pinimg.com/736x/c2/0b/2a/c20b2a893ad6d1d29764416207c8b885--sahara-marocain-morocco.jpg">
\t </div> \t
</div>
我創建:一些文字後,但該元素改變大小的父項.gallery-item。我不知道如何避免它。
你試過'position:absolute'而不是'relative'嗎? – Akshay