Centering images horizontally and vertically within a div of vary width and heighth

I need to center a forward and back arrow on either side of an image within a larger div. The div's width and height vary according to the size of the image. I have a live version of my work so far here: http://danapaigetrentlage.com/cfsa-comps/lff-aboutgoods.html And here's a jsfiddle to play with: http://jsfiddle.net/thwackukulele/4zHyd/ Though I don't know how much use that will be without the images linked in. You'll see the forward and backward arrows are at the top of the blue area to either side of the image. I want them to be centered horizontally and vertically within this blue area. I know that I am using a lot of positioning, and if there's an all around better way to attack this layout, please let me know. This is the best I could come up with. I am eventually handing these layouts off to a developer who is adding database CMS functionality. So my code doesn't need to be perfect, it just has to illustrate my intentions so that he can understand. Thanks for any help in advance!!

以上就是Centering images horizontally and vertically within a div of vary width and heighth的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏