關(guān)于display:inline和display:inline-block的問題
display:inline和display:inline-block是什么意思？？和只是display:block有什么區(qū)別？？
修仙不如狗帶
2016-03-20
5 回答
舉報
0/150
提交
取消
2016-03-20
display:inline表示原來是塊轉(zhuǎn)換成內(nèi)聯(lián)?
display:inline-block表示還是內(nèi)聯(lián)但又有塊的一樣的屬性
display:block原諒是內(nèi)聯(lián)轉(zhuǎn)變成塊
塊就是占領(lǐng)一整行如<P> p 可以調(diào)大小
內(nèi)聯(lián)就是自己有多大就占領(lǐng)多少位置,不能調(diào)大小
2016-03-21
往后學(xué)就知道了，塊狀元素可以通過代碼display:inline將元素設(shè)置為內(nèi)聯(lián)元素，display:inline-block就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素，display:block也是這個道理。
2016-03-20
常用的塊狀元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的內(nèi)聯(lián)元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內(nèi)聯(lián)塊狀元素有：<img>、<input>
display:block將元素顯示為塊級元素
塊狀元素也可以通過代碼display:inline將元素設(shè)置為內(nèi)聯(lián)元素
display:inline-block就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素
2016-03-20
display:block （塊級元素）、display:inline（內(nèi)聯(lián)元素）和display:inline-block（內(nèi)聯(lián)塊級元素）
display:block （塊級元素）比較霸道，從新的一行開始，后面的元素也得另起一行，可設(shè)置高寬，頂距邊距等
display:inline（內(nèi)聯(lián)元素）元素都在同一行（如果內(nèi)容比較短的話），高寬都不能設(shè)置
display:inline-block（內(nèi)聯(lián)塊級元素）同時具備display:block （塊級元素）和display:inline（內(nèi)聯(lián)元素）特點，元素都在同一行，但可設(shè)置高寬邊距
2016-03-20
分別是轉(zhuǎn)換為內(nèi)聯(lián)元素、內(nèi)聯(lián)塊狀元素、塊狀元素