当前位置:网站首页>多列属性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完全不透明;
边栏推荐
- Common open source databases under Linux, how many do you know?
- Never put off till tomorrow what you can put - house lease management system based on the SSM
- SkiaSharp 之 WPF 自绘 粒子花园(案例版)
- Haproxy搭建Web群集
- ffmpeg pixel format basics
- 达梦8数据库导出导入
- 如何在WordPress中添加特定类别的小工具
- token, jwt, oauth2, session parsing
- Android interview question - how to write with his hands a non-blocking thread safe queue ConcurrentLinkedQueue?
- Android Practical Development - Kotlin Tutorial (Introduction - Login Function Implementation 3.3)
猜你喜欢
如何在WordPress中添加特定类别的小工具
iMedicalLIS监听程序(2)
用CH341A烧录外挂Flash (W25Q16JV)
markdown如何换行——md文件
The second council meeting of the Dragon Lizard Community was successfully held!Director general election, 4 special consultants joined
Confessing the era of digital transformation, Speed Cloud engraves a new starting point for value
基于生长的棋盘格角点检测方法
结构体初解
多御安全浏览器 V10.8.3.1 版正式发布,优化多项内容
[Solved] Unity Coroutine coroutine is not executed effectively
随机推荐
How to Add Category-Specific Widgets in WordPress
思考(八十八):使用 protobuf 自定义选项,做数据多版本管理
Call Alibaba Cloud oss and sms services
There are several common event handling methods in Swing?How to listen for events?
After the large pixel panorama is completed, what are the promotion methods?
从“能用”到“好用” 国产软件自主可控持续推进
Industry Status?Why do Internet companies prefer to spend 20k to recruit people rather than raise their salary to retain old employees~
[Solved] Unity Coroutine coroutine is not executed effectively
Index Mysql in order to optimize paper 02 】 【 10 kinds of circumstances and the principle of failure
public static
List asList(T... a) What is the prototype? 2022高处安装、维护、拆除考试题模拟考试题库及在线模拟考试
[论文笔记] MapReduce: Simplified Data Processing on Large Clusters
静态方法获取配置文件数据
Burp installation and proxy settings
Dive into how it works together by simulating Vite
国学*周易*梅花易数 代码实现效果展示 - 梅花心易
Android 面试题——如何徒手写一个非阻塞线程安全队列 ConcurrentLinkedQueue?
Why is the pca component not associated
token、jwt、oauth2、session解析
UE4 通过互动(键盘按键)开门