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