文档章节

列出display的值,说明他们的作用。position的值, relative和absolute分别是相对于谁进行定位的?

dong23
 dong23
发布于 2017/09/11 14:17
字数 216
阅读 288
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

diaplay取值有:

block :设置元素以块样式显示

inline:设置元素以行内形式显示

inline-block:向行内元素一样显示,但内容向块级元素一样

none:隐藏元素,在页面中不占据空间

list-item:向块级一样显示,但添加列表样式

 

position的值:

absolute:绝对定位元素,相对于第一个祖先定位,可以脱离文档流

relative:相对定位元素,相对与自身定位,不可与脱离文档流,当进行定位时,所占位置不会消失,仍占据。

fixed:固定定位,绝对定位,相对浏览器窗口定位,脱离文档流,当浏览器滚动时,不会动,是固定的

static静态,没有定位

© 著作权归作者所有

dong23
粉丝 0
博文 10
码字总数 1763
作品 0
私信 提问
加载中
请先登录后再评论。
display值的作用分别是什么?relative和absolute分别是相对谁定位的?

display值的作用分别是什么? none:元素隐藏,不占据位置 block:该元素显示为块级元素 inline:默认,该元素会被显示为内联元素 inline-block:行内块元素 list-item:该元素会作为列表显示...

osc_02hzs6k2
2019/07/05
2
0
最容易理解的CSS的position教程——十步图解CSS的position

CSS的positon,我想做为一个Web制作者来说都有碰到过,但至于对其是否真正的了解呢?那我就不也说了,至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文...

osc_s6l7mhns
2018/01/11
2
0
Display和Position定位

1、display属性的值与作用 常用的值有none、inline、block、inline-block (1)none 1)表示该元素不会显示,并且该元素的空间也不存在,可理解为已删除; 2)visibility:hidden只是将元素隐...

osc_7hn252g2
2018/03/17
2
0
CSS 属性篇(一):relative与absolute

一、position的属性值 首先基本了解下position的各个属性值: 1、static:默认值。没有定位,元素在正常显示出现(它将忽略top、bottom、left、right、z-index声明) 2、relative:生成相对定...

Madman0621
2019/02/20
0
0
CSS入门指南-3:定位元素

这是《CSS设计指南》的读书笔记,用于加深学习效果。 前一篇CSS入门指南-2:盒子模型、浮动和清除介绍了css盒子模型、浮动和清除,这一篇介绍 css元素的定位。 定位(position) CSS 布局的核...

goodspeed
2017/07/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nacos的启动方式以及注意的点

这个单机模式的启动方式 sh startup.sh -m standalone 注意,必须要加参数,如果不加参数启动了,无法正常访问 如果在用这个命令(sh startup.sh -m standalone)之前直接使用sh startup.sh ,...

千年典韦
5分钟前
5
0
奈学教你五分钟学会分布式事务

从概念开始 我们先从事务的定义开始。事务即一系列读存动作被当作一个执行单元,这些动作要么全成功,要么全失败,执行动作的过程中保证数据的隔离性和一致性。 我们抛离数据库这个特定场景,...

奈学教育
7分钟前
3
0
涨见识了,在终端执行 Python 代码的 6 种方式!

原作:BRETT CANNON 译者:豌豆花下猫@Python猫 英文:https://snarky.ca/the-many-ways-to-pass-code-to-python-from-the-terminal 为了我们推出的 VS Code 的 Python 插件 [1],我写了一个...

豌豆花下猫
18分钟前
12
0
查看未经删除的Git提交 - Viewing unpushed Git commits

问题: How can I view any local commits I've made, that haven't yet been pushed to the remote repository? 如何查看我所做的任何尚未推送到远程存储库的本地提交? Occasionally, git ......

javail
18分钟前
11
0
Markdown使用

Markdown语法 标题 标题使用#开头,然后再写文字,注意有#后有空格。 多个#表示不同字号的标题 字体设置 粗体:用****包裹的文字是粗体 斜体:用包裹的就是斜体* 加粗斜体:使用*包裹的就是加...

没天赋的演员
21分钟前
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部