div中不给图片设宽高如何能让图片上下左右居中,css能实现吗?求救。。。各位大侠^@^ 10
6个回答
展开全部
图片水平垂直居中情况很多,最简单的办法是吧图片设置为背景,给背景设置background-position:center;
如果只能用图片
分两种情况:
1.图片宽高固定,这种情况很简单。
水平居中:就在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:自己算出(div的高度-图片的高度)/2,得到margin-top值即可。
2.图片高度未知,这个布局比较难实现。一般我是用js做的。
水平居中:同上,在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:用js算出(div的高度-图片的高度)/2,得到margin-top值赋给它。
曾经研究过网上的很多方法,个人觉得这个是最有效的了。
如果只能用图片
分两种情况:
1.图片宽高固定,这种情况很简单。
水平居中:就在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:自己算出(div的高度-图片的高度)/2,得到margin-top值即可。
2.图片高度未知,这个布局比较难实现。一般我是用js做的。
水平居中:同上,在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:用js算出(div的高度-图片的高度)/2,得到margin-top值赋给它。
曾经研究过网上的很多方法,个人觉得这个是最有效的了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你想省事的话,直接用table就能搞定了,td默认就是垂直居中的,再在父级加 text-align:center;就可以达到横向纵向都居中
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以在插入图片的时候定义垂直居中 水平剧中
举例: <img align="absmiddle" src="图片地址" style="margin:0 auto;"/>
但是这个居中的前提是居中于行高,在css中定义行高使用line-height
举例: <img align="absmiddle" src="图片地址" style="margin:0 auto;"/>
但是这个居中的前提是居中于行高,在css中定义行高使用line-height
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
line-height
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询