当前位置:网站首页>Visibility of multi-column attribute column elements: display, visibility, opacity, vertical alignment: vertical-align, z-index The larger it is, the more it will be displayed on the upper layer
Visibility of multi-column attribute column elements: display, visibility, opacity, vertical alignment: vertical-align, z-index The larger it is, the more it will be displayed on the upper layer
2022-08-05 04:12:00 【(-^_^-)】
div (page division) span (use style within one line)
width attribute: set the width of the content display area ----- only valid for block elements (h1, p,) and img elements
Multi-column attributes
column-count: specifies the number of columns that the element should be divided into - an integer ;
column-gap: specifies the interval between columns - px pt em % ;
column-rule: sets the number of columnsVertical bar width, style and color rules between 2px solid green ;
column-span: specify how many columns the element should span - 1 all;
column-width: specify the width of the column - px pt em%;
Center horizontally: margin
Vertical alignment: vertical-align:
baseline (default, the element is placed on the baseline of the parent element) top (the top of the element is aligned with the top of the tallest element in the row) middle (the element is placed in the middle of the parent element) bottom (the top of the element is aligned with the top of the rowtop of the element that is the lowest inbottom-aligned parent element font)
Element visibility: the higher the z-index, the more visible
Element visibility: display
display: Set the type of box that the element should generate - block (setting the element to a block element can convert a row element into a block element and then set the width, with line breaks before and after the element) inline (default value, the element is displayed as an inline element, which can be displayed on one line without line breaks before and after the element)none (the element will not be realistic, the element will not occupy space on the page);
visibility: set whether the element is visible - visible (default value)The element is visible) hidden (the element is invisible, the element still occupies the page space);
opacity: set the transparency of the element - 0.0 completely transparent -> 1.0 completelyOpaque;
边栏推荐
- 银行数据采集,数据补录与指标管理3大问题如何解决?
- 新人如何入门和学习软件测试?
- Detailed explanation of Mysql's undo log
- Some conventional routines of program development (1)
- Increasing leetcode - a daily topic 1403. The order of the boy sequence (greed)
- 第一次性能测试实践,有“亿”点点紧张
- 商业智能BI业务分析思维:现金流量风控分析(一)营运资金风险
- Mysql's redo log detailed explanation
- 4T硬盘剩余很多提示“No space left on device“磁盘空间不足
- iMedicalLIS监听程序(2)
猜你喜欢
Android 面试题——如何徒手写一个非阻塞线程安全队列 ConcurrentLinkedQueue?
阿里本地生活单季营收106亿,大文娱营收72亿,菜鸟营收121亿
【8.1】代码源 - 【第二大数字和】【石子游戏 III】【平衡二叉树】
测试薪资这么高?刚毕业就20K
UE4 opens door via interaction (keyboard key)
BI业务分析思维:现金流量风控分析(二)信用、流动和投资风险
token, jwt, oauth2, session parsing
How to solve the three major problems of bank data collection, data supplementary recording and index management?
数据库设计的酸(ACID)碱(BASE)原则
小程序_动态设置tabBar主题皮肤
随机推荐
36-Jenkins-Job迁移
Spark Basics [Introduction, Getting Started with WordCount Cases]
How do newcomers get started and learn software testing?
A 35-year-old software testing engineer with a monthly salary of less than 2W, resigns and is afraid of not finding a job, what should he do?
四位数显表头设计
UI自动化测试 App的WebView页面中,当搜索栏无搜索按钮时处理方法
重载运算符
token, jwt, oauth2, session parsing
小程序_动态设置tabBar主题皮肤
Summary of common methods of arrays
Based on holding YOLOv5 custom implementation of FacePose YOLO structure interpretation, YOLO data format conversion, YOLO process modification"
Defect detection (image processing part)
UE4 opens door via interaction (keyboard key)
关于sklearn库的安装
Mysql的redo log详解
多御安全浏览器 V10.8.3.1 版正式发布,优化多项内容
Redis1: Introduction to Redis, basic features of Redis, relational database, non-relational database, database development stage
UE4 第一人称角色模板 添加生命值和调试伤害
事件解析树Drain3使用方法和解释
Increasing leetcode - a daily topic 1403. The order of the boy sequence (greed)