未知高度和宽度元素 上下左右居中

  
  
  
  


  

    
经济斤斤计较
  

在上述代码中，只有类名为inner2才能让实现让文字上下左右居中。原因在于margin-left和margin-top的值如果是百分比，则百分比的基数是离元素最近的包含框的宽度。而transform: translate(-50%, -50%)，中的百分比，相对的是元素本身的宽和高。所以，只有inner2才能实现元素的上下左右居中。