displa

displa 与 visibilit

项目开发中经常会遇到需要显示和隐藏DOM元素。常用的两个是display,visibility属性,高级点的会用到angularJS的ng-show,ng-if指令。W3标准对这个两个属性的解释如下:display 设置元素如何显示。visibility 设置元素是否可见。dispaly: none|inline|block - none: 此元素不会被显示。 - inli

元素未知宽高水平垂直居中

用text-align: center; 和 vertical-align: middle; 搭档使用,要么你的父级元素display设置为tabl-cell,要么你得有参照物;用定位,left: 50%; top: 50%; 但是你得把多偏移的一半的宽高找补回去;用新的属性,例如display:flex;关键字:css, display, 参照物, 父级

css居中最佳实践

css居中是非常常见的问题,也是面试热门,现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align: center,子元素都会居中,无论是inline还是block缺点:text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0