多列属性column元素的可见性:display、visibility、opacity、垂直对齐方式:vertical-align、z-index 越大越显示在上层

29 篇文章 0 订阅
26 篇文章 0 订阅

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完全不透明;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值