行内元素和块级元素的区别
生活随笔
收集整理的這篇文章主要介紹了
行内元素和块级元素的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.常見行內元素和塊級元素
(1)行內元素
<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的區別
(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
總結
以上是生活随笔為你收集整理的行内元素和块级元素的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 鼠标样式设置
- 下一篇: shipyard-----------d