<td> <a href="#"> <span > link Text </span> </a></td>
我有
.foo{ height: 90px; display: inline-block; background: #e8edff url('foo.png') top center no-repeat; vertical-align: bottom;}
并呈现这样的东西(带背景图片)
________________| link Text || || || || ||________________|
我怎么能这样做,所以我这样渲染?
________________| || || || || link Text ||________________|
要求是每个单元格必须具有超链接和背景图像以及底部的一些文本.
谢谢
编辑:这是我想要做的jsfiddle link.
解决方法 给vertical-align:bottom;在TD而不是跨度
编辑:
写这样的
.foo{ height: 50px; background: #e8edff url('http://www.emblemmart.com/emblems-badges-insignias/media/logos/medium/BMW.gif') top center no-repeat; display:table-cell; vertical-align:bottom;}
检查这个http://jsfiddle.net/sandeep/yBKZS/1/
总结以上是内存溢出为你收集整理的html – 跨度底部的文本全部内容,希望文章能够帮你解决html – 跨度底部的文本所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)