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不显示元素,元素隐藏占位置

     

     

     

  • 相关阅读:
    AJAX中所谓的异步
    前端性能优化方案
    文字超出隐藏
    创建值的两种方式及其区别
    单例模式
    自定义数据属性
    时间字符串的处理
    日期函数及时钟案例
    很low的四位验证码实现
    使用Ajax发送http请求(get&post请求)--转载
  • 原文地址:https://www.cnblogs.com/opsedu/p/6514498.html
Copyright © 2011-2022 走看看