行内元素和块级元素的区别

1.常见行内元素和块级元素

　　（1）行内元素

　　（2）块级元素

2.display的block、inline和inline-block的区别

　　（1）block

　　　　会独占一行，多个元素会另起一行，可以width、height、margin和padding属性

　　（2）inline

　　　　元素不会独占一行，设置width、height属性无效。但可以设置水平方向的margin和padding属性，不可以设置垂直方向的padding和margin

　　（3）inline-block

　　　　将对象设置为inline对象，但对象的内容作为block对象呈现，之后的内联对象会被排列在同一行内

3.行内元素和块级元素的区别

　　（1）行内元素

　　　　①：设置宽高无效

　　　　②：对margin设置左右方向有效，而上下无效，padding设置都无效

　　　　③：不会自动换行

　　（2）块级元素

　　　　①：可以设置宽高

　　　　②：设置margin和padding都有效

　　　　③：可以自动换行

　　　　④：多个块状，默认排列从上到下

转载于:https://www.cnblogs.com/kbinblog/p/10922800.html

行内元素和块级元素的区别相关推荐

html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一.转义字符由特殊字符包裹的文本会当做标签去解析对应不换行空格对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...
php div行内块元素,行内元素与块级元素的区别详细介绍
首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...
css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
【HTML】行内元素与块级元素
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
行内块元素有哪些标签_html的行内元素与块级元素总结
希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...
html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中
首先我们先了解一下行内元素和块级元素行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...
[css] 行内元素和块级元素有什么区别，如何相互转换？
[css] 行内元素和块级元素有什么区别,如何相互转换? 一般通过display属性来区分块级元素和行内元素,block代表块级元素,inline代表行内元素. 块级元素: 1.内容独占一行. 2.w ...
行内元素与块级元素，以及区别
行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...
行内元素和块级元素的区别，为何img、input等行内元素可以设置宽高??（夯实基础）
我们习惯将html中元素分类为行内元素和块级元素,如下: ·常见块级元素有:html.body.div.header.footer.nav.section.aside.article.p.hr.h1~ ...

行内元素和块级元素的区别

1.常见行内元素和块级元素

（1）行内元素

（2）块级元素

2.display的block、inline和inline-block的区别

（1）block

（2）inline

（3）inline-block

3.行内元素和块级元素的区别

（1）行内元素

（2）块级元素

行内元素和块级元素的区别相关推荐

最新文章

热门文章