当前位置:网站首页>多列属性column元素的可见性:display、visibility、opacity、垂直对齐方式:vertical-align、z-index 越大越显示在上层
多列属性column元素的可见性:display、visibility、opacity、垂直对齐方式:vertical-align、z-index 越大越显示在上层
2022-08-05 03:43:00 【(-^_^-)】
div(页面划分)span(一行之内的使用样式)
width属性:设置内容显示区域的宽度-----只是对块元素(h1,p,)和img元素有效
多列属性
column-count:规定元素应该被分割的列数——一个整数 ;
column-gap:规定列之间的间隔——px pt em % ;
column-rule:设置列之间的竖线宽度、样式和颜色规则——2px solid green ;
column-span: 规定元素应跨多少列——1 all;
column-width:规定列的宽度——px pt em % ;

水平居中:margin
垂直对齐方式:vertical-align:
baseline(默认、元素放在父元素的基线上) top(元素的顶端与行中最高元素的顶端对齐) middle(元素放置在父元素的中部) bottom(元素的顶端与行中最低的元素的顶端对齐) sub(垂直对齐文本的下标) super(垂直对齐文本的上标)text-top (元素的顶端和父元素字体的顶端对齐)text-bottom (元素的底端与父元素字体的底端对齐)
元素的可见性:z-index 越大越显示在上层
元素的可见性:display
display: 设置元素应该生成的框的类型——block(设置元素为块元素 可以将行元素转化成块元素 然后进行width的设置,元素前后带有换行符) inline (默认值、元素被显示为行内元素,可以显示在一行,元素前后没有换行符)none(元素不会被现实、元素不会占据页面上的空间);
visibility: 设置元素是否可见——visible(默认值 元素可见) hidden(元素不可见,元素仍然占据页面空间);
opacity: 设置元素的透明度——0.0完全透明->1.0完全不透明;
边栏推荐
- The second council meeting of the Dragon Lizard Community was successfully held!Director general election, 4 special consultants joined
- 惨遭打脸:字节某部门竟有这么多测试员
- 从“能用”到“好用” 国产软件自主可控持续推进
- The test salary is so high?20K just graduated
- Android 面试题——如何徒手写一个非阻塞线程安全队列 ConcurrentLinkedQueue?
- Common open source databases under Linux, how many do you know?
- iMedicalLIS监听程序(2)
- Redis1: Introduction to Redis, basic features of Redis, relational database, non-relational database, database development stage
- Open-Falcon of operation and maintenance monitoring system
- [Qixi Festival] Romantic Tanabata, code teaser.Turn love into a gorgeous three-dimensional scene and surprise her (him)!(send code)
猜你喜欢

UE4 第一人称角色模板 添加冲刺(加速)功能

public static <T> List<T> asList(T... a) 原型是怎么回事?

Developing Hololens encountered The type or namespace name 'HandMeshVertex' could not be found..

Initial solution of the structure
![[Software testing] unittest framework for automated testing](/img/80/caedd5cf6dd61c9d75475866613cac.png)
[Software testing] unittest framework for automated testing

Ali's local life's single-quarter revenue is 10.6 billion, Da Wenyu's revenue is 7.2 billion, and Cainiao's revenue is 12.1 billion

Kubernetes 网络入门

UE4 第一人称角色模板 添加生命值和调试伤害
![[Paper Notes] MapReduce: Simplified Data Processing on Large Clusters](/img/89/8adef42b0cfd154e6fa7205afaeade.png)
[Paper Notes] MapReduce: Simplified Data Processing on Large Clusters

Industry Status?Why do Internet companies prefer to spend 20k to recruit people rather than raise their salary to retain old employees~
随机推荐
达梦8数据库导出导入
Ali's local life's single-quarter revenue is 10.6 billion, Da Wenyu's revenue is 7.2 billion, and Cainiao's revenue is 12.1 billion
Static method to get configuration file data
数组常用方法总结
shell脚本:for循环与while循环
Developing Hololens encountered The type or namespace name 'HandMeshVertex' could not be found..
iMedicalLIS监听程序(2)
冒泡排序与快速排序
The most effective seven performance testing techniques of software testing techniques
2022 High-level installation, maintenance, and removal of exam questions mock exam question bank and online mock exam
【树莓派】树莓派调光
银行数据采集,数据补录与指标管理3大问题如何解决?
How to Add Category-Specific Widgets in WordPress
burp安装及代理设置
Increasing leetcode - a daily topic 1403. The order of the boy sequence (greed)
leetcode-每日一题1403. 非递增顺序的最小子序列(贪心)
UE4 第一人称角色模板 添加冲刺(加速)功能
AI+PROTAC | dx/tx completes $5 million seed round
UE4 通过重叠事件开启门
Redis1: Introduction to Redis, basic features of Redis, relational database, non-relational database, database development stage