html–Div over image Bootstrap 3

概述基于http://jsfiddle.net/evJRm/(Hover image - display div over it)的片段问题是,当窗口调整大小时,文本和图像彼此分离(图像从新行开始).我该如何解决？<div class='container'> <div class='img-container'>

基于http://jsfiddle.net/evJRm/(Hover image – display div over it)的片段

问题是,当窗口调整大小时,文本和图像彼此分离(图像从新行开始).我该如何解决？

Jsfiddle：http://jsfiddle.net/w23ch/最佳答案您可以更改display：inline to display：图像容器的inline-block并相应地更新定位.

高度和宽度不会影响内联元素,这使得难以获得正确的定位.

DEMO

.img-container{    wIDth:150px;    height:225px;    position: relative;    display: inline-block;    margin:5px;}.img-text{    top:50%;    wIDth:150px;    height:50px;    margin-top: -25px;    position: absolute;    background-color: yellow;    display:block;}

总结

以上是内存溢出为你收集整理的html – Div over image Bootstrap 3全部内容，希望文章能够帮你解决html – Div over image Bootstrap 3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1121781.html