深圳市帕拓逊科技有限公司(单题)
题型 | 难易度 | 出现频率 | 浏览 | 评论 |
---|---|---|---|---|
问答题 | 37 | 0 |
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
- 用非flex布局实现一个不定宽高容器元素内容水平垂直居中?
答:基本实现思路,使用单元格的特性来实现,垂直居中使用vertical-align:center; 水平居中text-align:center;里面的元素display:inline-block;
参考代码如下(如需要写代码可以不用说):
.container{
background-color: pink;
height: 400px;
width: 500px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.box{
background-color: cadetblue;
width: 100px;
height: 100px;
display: inline-block;
}