当前位置:网站首页>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;
边栏推荐
- Redis key basic commands
- Machine Learning Overview
- pyqt5 + socket 实现客户端A经socket服务器中转后主动向客户端B发送文件
- 【8.3】代码源 - 【喵 ~ 喵 ~ 喵~】【树】【与】
- 程序开发的一些常规套路(一)
- UE4 为子弹蓝图添加声音和粒子效果
- 关于#SQL#的迭代、父子结构查询问题,如何解决?
- Index Mysql in order to optimize paper 02 】 【 10 kinds of circumstances and the principle of failure
- How to discover a valuable GameFi?
- The first performance test practice, there are "100 million" a little nervous
猜你喜欢
Static method to get configuration file data
flink读取mongodb数据源
Learning and finishing of probability theory 8: Geometric and hypergeometric distributions
The production method of the powered small sailboat is simple, the production method of the electric small sailboat
动力小帆船制作方法简单,电动小帆船制作方法
Industry Status?Why do Internet companies prefer to spend 20k to recruit people rather than raise their salary to retain old employees~
如何解决复杂的分销分账问题?
UE4 通过互动(键盘按键)开门
小程序_动态设置tabBar主题皮肤
AUTOCAD - dimension association
随机推荐
Initial solution of the structure
[极客大挑战 2019]FinalSQL
bytebuffer 内部结构
[Software testing] unittest framework for automated testing
Cron(Crontab)--使用/教程/实例
UE4 更改组件变量 (以修改第一人称角色模板的最大行走速度和跳跃高度为例)
多御安全浏览器新版下载 | 功能优秀性能出众
Detailed and comprehensive postman interface testing practical tutorial
Fifteen. Actual combat - MySQL database building table character set and collation
how to measure distance from point to face in creo
数组常用方法总结
35岁的软件测试工程师,月薪不足2W,辞职又怕找不到工作,该何去何从?
日志导致线程Block的这些坑,你不得不防
Android 面试题——如何徒手写一个非阻塞线程安全队列 ConcurrentLinkedQueue?
bytebuffer put flip compact clear 方法演示
The test salary is so high?20K just graduated
AUTOCAD——标注关联
阿里本地生活单季营收106亿,大文娱营收72亿,菜鸟营收121亿
1007 Climb Stairs (贪心 | C思维)
[GYCTF2020]EasyThinking