css中block元素的特点

发布时间:2020-06-28 18:08:06 作者:元一
来源:亿速云 阅读:331

css display属性的定义是可以将页面元素隐藏或者显示出来,也可以将元素强制改成块级元素或内联元素,在页面布局和JavaScript特效中常常用到display属性。

css display属性中最常用的属性值有四个,分别是block、inline-block、inline和none。

其中block是设置元素为块状元素,如果不指定宽高,默认会继承父元素的宽度,并且独占一行,即使宽度有剩余也会独占一行,高度一般以子元素撑开的高度为准,当然也可以自己设置宽度和高度。

block元素的特点有:

1、总是在新行上开始;

2、高度,行高以及顶和底边距都可控制;

3、宽度缺省是它的容器的100%,除非设定一个宽度。

块元素特点:
1.独占一行
2.元素的宽高和内外边距都可以设置
3.宽度如果不设置就是父级元素的100%
常见的块元素有以下几种:p div table h2 h3 h4 h5 h6 h7 ul ol li

行内元素特点:
1.和其他元素可以在同一行
2.不能设置宽高,不能设置内外边距
3.宽度就是图片或文字的宽度,不可以改变
常见的行内元素有以下几种:span img br input

推荐阅读:
  1. CSS 中的内联元素、块级元素以及display的各个属性的特点
  2. CSS去除inline-block元素间距的方法有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

block css

上一篇:一键生成表结构说明文档的参考,数据字典生成方式参考

下一篇:mysql视图的作用是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》