1.常見行內(nèi)元素和塊級元素

　　（1）行內(nèi)元素

　　　　<span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del>

　　（2）塊級元素

　　　　<address>、<center>、<h1>~<h6>、<hr>、<p>、<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>

2.display的block、inline和inline-block的區(qū)別

　　（1）block

　　　　會獨占一行，多個元素會另起一行，可以width、height、margin和padding屬性

　　（2）inline

　　　　元素不會獨占一行，設(shè)置width、height屬性無效。但可以設(shè)置水平方向的margin和padding屬性，不可以設(shè)置垂直方向的padding和margin

　　（3）inline-block

　　　　將對象設(shè)置為inline對象，但對象的內(nèi)容作為block對象呈現(xiàn)，之后的內(nèi)聯(lián)對象會被排列在同一行內(nèi)

3.行內(nèi)元素和塊級元素的區(qū)別

　　（1）行內(nèi)元素

　　　　①：設(shè)置寬高無效

　　　　②：對margin設(shè)置左右方向有效，而上下無效，padding設(shè)置都無效

　　　　③：不會自動換行

　　（2）塊級元素

　　　　①：可以設(shè)置寬高

　　　　②：設(shè)置margin和padding都有效

　　　　③：可以自動換行

　　　　④：多個塊狀，默認排列從上到下

轉(zhuǎn)載于:https://www.cnblogs.com/kbinblog/p/10922800.html

總結(jié)

以上是生活随笔為你收集整理的行内元素和块级元素的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。