CSS 5 布局 ①

布局简介:

    布局 - 将元素以正确的大小拜访在正确的位置上

    display(水平居中、居中导航)、position(轮播头图、固定顶栏、遮罩、三行自适应布局)、float(两列布局)、flex(三行两列自适应)

    display 

       · 设置元素的显示方式

       · display : block | inline | inline-block | none

       display : block    快捷元素  

        

         display : inline 

        

        

        

        

假设我希望一个元素是内容宽度、可以设置宽高、并且是同行  我们可以用 inline - block 

  

 display : none 

  ` 设置元素不显示     

           中间元素不显示 ,并且上面的元素会占据它的位置

          

 display :none  vs  visibility : hidden 

     

  visibility : hidden    中间元素只是隐藏  并不会被占据

块级元素水平居中 

 

居中导航

猜你喜欢

转载自www.cnblogs.com/hzaixt/p/9303481.html