zoukankan      html  css  js  c++  java
  • 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不显示元素,元素隐藏占位置

     

     

     

  • 相关阅读:
    21. 斐波那契数列
    22. 旋转数组的最小数字
    php图像处理链接
    FileOprSer.class.php(文件上传与下载类)
    SqlHelper.class.php+分页类方法
    file写入方式 和copy
    file 读取方式
    pytest+allure+jenkins 持续集成平台生成allure报告
    memcached cas操作
    php-fpm
  • 原文地址:https://www.cnblogs.com/opsedu/p/6514498.html
Copyright © 2011-2022 走看看