当前位置:网站首页>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;
边栏推荐
- Mathematics - Properties of Summation Symbols
- UE4 opens door via interaction (keyboard key)
- 数组常用方法总结
- Event parse tree Drain3 usage and explanation
- C++ core programming
- Qixi Festival earn badges
- UE4 opens doors with overlapping events
- UE4 在游戏运行时更改变量 (通过鼠标滑轮来更改第一人称角色的最大行走速度)
- Mysql's redo log detailed explanation
- Increasing leetcode - a daily topic 1403. The order of the boy sequence (greed)
猜你喜欢
![[BSidesCF 2019] Kookie](/img/29/19e7c244feb86b37ab32a53aa11f25.png)
[BSidesCF 2019] Kookie

小程序_动态设置tabBar主题皮肤

bytebuffer 内部结构

Machine Learning Overview

Detailed and comprehensive postman interface testing practical tutorial

什么是ASEMI光伏二极管,光伏二极管的作用

4T硬盘剩余很多提示“No space left on device“磁盘空间不足

Mysql的redo log详解
![[BJDCTF2020]EasySearch](/img/60/464de3bcdda876171b9f61ad31bff1.png)
[BJDCTF2020]EasySearch

Dive into how it works together by simulating Vite
随机推荐
四位数显表头设计
How to wrap markdown - md file
商业智能BI业务分析思维:现金流量风控分析(一)营运资金风险
35岁的软件测试工程师,月薪不足2W,辞职又怕找不到工作,该何去何从?
Mysql的undo log详解
数组常用方法总结
Redis key basic commands
【8.2】代码源 - 【货币系统】【硬币】【新年的问题(数据加强版)】【三段式】
重载运算符
七夕节赚徽章拉
DEJA_VU3D - Cesium功能集 之 058-高德地图纠偏
不看后悔,appium自动化环境完美搭建
狗仔队:表面编辑多视点图像处理
[BSidesCF 2019] Kookie
36-Jenkins-Job迁移
第一次性能测试实践,有“亿”点点紧张
[Geek Challenge 2019]FinalSQL
How do newcomers get started and learn software testing?
[极客大挑战 2019]FinalSQL
日志导致线程Block的这些坑,你不得不防