针对第一题:
1、display
2、text-indent
3、position
4、visibility
5、opacity
6、font-size
7、height: 0, overflow: hidden;
总体来说,对于一般元素隐藏用text-indent
比较靠谱,对于浏览器来说也是非常友好的,目前暂时没有大的问题出现;假如说对于已经写死的标签那么就可以考虑用position
标签,接下来是visibility
,最后是display
,因为这个标签属性会把元素直接从文档中del删除了。
针对第二题:
一般而言,百分比的单位都是相对父元素来计算,而transform比较特别,它是相对于自身的宽高来计算的。
1、transform
2.父元素:display: table;
子元素:display: table-cell;
3、flex布局
display:-webkit-flex;
justify-content:center; //水平居中
align-items:center; //垂直居中
时间: 2024-10-01 05:13:01