css的对象显示模式(block、inline)

来源:互联网 发布:战争 知乎 编辑:程序博客网 时间:2024/06/05 22:42

在CSS中,对象有多种显示模式,这里的对象是指的文本、图片、视频等等。

display:block 表示显示时带换行符,如果有多个对象在一起,就会达到垂直显示的效果

display:inline 表示显示时不带换行符,如果有多个对象在一起,就会达到水平显示的效果(可替代float:left)

display:none 不显示

 

但它们也会受容器尺寸的影响,假如容器的宽度小于对象的总宽度,即使不换行也会被挤成换行。

原创粉丝点击