塊級元素與行內(nèi)元素之間的轉(zhuǎn)換其實都是通過CSS設(shè)置的;
1.塊級元素轉(zhuǎn)為行內(nèi)元素
? ? 比如說我把div元素轉(zhuǎn)為行內(nèi)元素:
????????????<div style="display:inline"></div>;
????????????這樣就會使div成為行內(nèi)元素舷手,具備行內(nèi)元素的所有特性举反;同時其他的也可以這么做侨核,例如:p ul 等標簽次洼;但是我們一般很少把這個塊級標簽轉(zhuǎn)為行內(nèi)標簽敢伸;因為我們可以直接使用行內(nèi)標簽犬缨,比如我們可以使用span標簽喳魏;
2.行內(nèi)元素轉(zhuǎn)為塊級元素
? ?行內(nèi)元素轉(zhuǎn)為塊級元素:?
????????<span style="display:block"></span>;
????????????通過這種方式是可以的,跟上面的方式相同怀薛,這種是比較常見的刺彩,當我們需要在布局的時候把它變?yōu)閴K級元素,但是這個用的也比較少枝恋,因為可以直接使用塊級元素创倔;
????????????注意我們還有其他的方式變成塊級元素,比如采用浮動(float:left)焚碌,或者定位(position)之類的畦攘;所以說我們在把行內(nèi)元素浮動的之后成了塊級元素;
3.塊級元素十电、行內(nèi)元素轉(zhuǎn)化為行內(nèi)塊元素
其實在開發(fā)中將元素轉(zhuǎn)為行內(nèi)塊元素還是比較多的知押;因為行內(nèi)塊元素具備行內(nèi)元素和塊級元素的所有特性;
? ? ? ? 我們采用display:inline-block;對元素設(shè)置鹃骂;當然還有其他的方式朗徊。? ??