Web前端之CSS_day5

定位的盒子居中

    浏览器的坐标系:

       X轴以“左”为负,以“右”为正

       Y轴以“上”为负,以“下”为正

    定位的盒子使用“margin:0 auto;”无法使盒子居中

   

    定位的盒子居中方法:

1.首先移动父盒子宽度的一半:margin-left:xpx

2.再次往回走自己宽度的一半:left:-xpx;

  

 

文字图片居中

    设置方式:

       vertical-align:middle(配合display:inline-block使用)

 

  

CSS可见性

    overflow:hidden      将超出部分的元素隐藏

    display:none         不显示元素,元素隐藏不占位置

    visibility:hidden不显示元素,元素隐藏占位置

 

 

 

原文地址:https://www.cnblogs.com/opsedu/p/6514498.html