20190119问:
元素程度垂直居中的体式格局有哪些?
- absolute加margin计划
- fixed 加 margin 计划
- display:table 计划
- 行内元素line-height计划
- flex 弹性规划计划
- transform 未知元素宽高解决计划
absolute加margin计划
div{
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%:
margin-top: -50px;
margin-left: -50px;
}
fixed 加 margin 计划
div{
position: fixed;
width: 100px;
height: 100px;
top: 0;
right:0;
left: 0;
bottom: 0;
margin: auto;
}
display:table 计划
div{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100px;
height: 100px;
}
行内元素line-height计划
div{
text-align: center;
line-height: 100px;
}
flex 弹性规划计划
div{
display: flex;
align-items: center;
justify-content:center
}
transform 未知元素宽高解决计划
div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
关于JS逐日一题
JS逐日一题能够看成是一个语音答题社区
天天应用碎片时候采纳60秒内的语音情势来完成当天的考题
群主在越日0点推送当天的参考答案
- 注 毫不仅限于完成当天使命,更多是查漏补缺,进修群内别的同砚优异的答题思绪
搜刮微信民众号:JS逐日一题