【前端】26、如何垂直居中一个浮动元素?

释放双眼,带上耳机,听听看~!
  • // 方法一:已知元素的高宽

	#div1{

	background-color:#6699FF;
	width:200px;	
	height:200px;	
	position: absolute;	//父元素需要相对定位
	top: 50%;	
	left: 50%;	
	margin-top:-100px ;	//二分之一的 height,width

	margin-left: -100px;

	}

  • //方法二:未知元素的高宽

	#div1{
	width: 200px;
	height: 200px;
	background-color: #6699FF;
	margin:auto;	
	position: absolute;	//父元素需要相对定位
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	}

那么问题来了,如何垂直居中一个<img>?(用更简便的方法。)

//<img>的容器设置如下
   #container  {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	}
内容投诉

人已赞赏
前端面试

【前端】25、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?

2020-9-8 15:46:38

人工智能

北风网人工智能全面系统学习课程 推荐系统+深度学习+机器学习三大阶段实战人工智能

2019-3-11 22:05:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索