DIV+CSS实现左边图片右下边文字的效果

就是像这种效果的,
我现在遇到的问题是文字会自动在右上方很是惆怅,求高手!

第1个回答  2014-09-11
先设置两个div的浮动,然后设置第二个有文字的div的margin-top,或者是设置第二个div的高度跟行高,比如div高度为100,那么行高大概为div高度的2倍-字体大小,前提是每张图片的高度都是一样的追问

浮动不行啊,有好多的文字+img的类型啊
我都是P的标签,而且图片高度也不一定

追答

要不把你的代码打包一份到网盘,给个链接我们看看好吗

追问

http://pan.baidu.com/s/1jGgLGua

第2个回答  2014-09-11
可以使用float属性来控制div块的位置,可以均float到左侧,float:left追问

不行啊,我有大量的图片这种类型的,如果都左浮动的话会乱成一锅粥啊

好多类似这种的东西

追答

那使用position的absolute试试,记不太清了,absolute和relative老是用混

追问

刚刚测试了一下两个都不行!!郁闷

追答

其实设置float还是相对简单点的

第3个回答  2014-09-11
请把对应代码放上来,因为正常的话,文字跟图片就是底对齐的,应该是其他样式影响的追问

不能上传压缩文件啊@-@

追答

截取所需片段的html css

追问

http://pan.baidu.com/s/1jGgLGua

追答

你看你的css代码 26行 有个
img {
border: 0 none;
vertical-align: top;
}
把vertical-align: top;去掉就好了

本回答被提问者采纳
相似回答