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

     

     

     

  • 相关阅读:
    (55)ElasticSearch之使用scroll滚动技术实现大数据量搜锁
    (54)ElasticSearch之DocValues解析
    (53)ElasticSearch之如何计算相关度分数
    HDU
    POJ3311 Hie with the Pie
    luoguP2768: 珍珠项链(矩阵乘法优化DP)
    luoguU60884 【模板】动态点分治套线段树
    最小圆覆盖(洛谷 P1742 增量法)
    CodeForces
    HDU
  • 原文地址:https://www.cnblogs.com/opsedu/p/6514498.html
Copyright © 2011-2022 走看看