首页 > Web开发 > 详细

CSS 定位 显示 排列

时间:2018-04-20 20:13:57      阅读:216      评论:0      收藏:0      [点我收藏+]

定位

position用来定位时,主要有三种:

1、position:relative  对应原来的位置来定位

2、position:absolute  对应父元素的窗体来定位

3、position:fixed  对应浏览器的窗体来定位

 

显示

display用来显示元素的显示方法:

1、display:block  设置元素以块元素显示

2、display:inline  设置元素以行内元素显示

3、display:inline-block  多用<ul>标签、用来将列表转为水平显示

 

排列

排列有很多种样式可以设置:

1、margin:auto  将外边距设置为自动,可以将内容居中

2、align-content :

  对齐弹性盒的 <div> 元素的各项:

    align-content :space-around    项目位于各行之间留有空白的容器内

    align-content :space-between    项目位于各行之前、之间、之后都留有空白的容器内

    align-content :center      项目位于容器的中心

    align-content :flex-start     项目位于容器的开头

    align-content :flex-end     项目位于容器的结尾

  效果

3、align-items: 

    align-items:stretch    将项目拉伸以适应容器

 

CSS 定位 显示 排列

原文:https://www.cnblogs.com/blackfriday/p/8893144.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!