分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS ?定位 显示 排列

发布时间:2023-09-06 01:50责任编辑:胡小海关键词:CSS

定位

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved