最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

本篇內(nèi)容主要講解“css中行元素與塊元素怎么互相轉(zhuǎn)換”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css中行元素與塊元素怎么互相轉(zhuǎn)換”吧!

成都創(chuàng)新互聯(lián)為客戶提供專業(yè)的網(wǎng)站設計制作、網(wǎng)站設計、程序、域名、空間一條龍服務，提供基于WEB的系統(tǒng)開發(fā). 服務項目涵蓋了網(wǎng)頁設計、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、手機網(wǎng)站制作設計等網(wǎng)站方面業(yè)務。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在HTML中，標簽分為兩種等級：

• 行內(nèi)元素：與其他行內(nèi)元素并排；不能設置寬高，默認的寬度就是文字的寬度。

• 塊級元素：霸占一行，不能與其他任何元素并列；能接受寬高，如果不設置寬度，那么寬度將默認變?yōu)楦讣壍?00%。

例：

標簽就是一個塊級元素，標簽就是一個行內(nèi)元素。

	
		
		
			p{
				background: paleturquoise;
			}
			span{
				background: paleturquoise;
			}
		
	
	
		
			
測試代碼 p標簽
			
測試代碼 p標簽
			測試代碼 span標簽
			測試代碼 span標簽
		
	

但元素的類型是進行轉(zhuǎn)換的，我們可以利用css display屬性實現(xiàn)行元素和塊元素的相互轉(zhuǎn)換。

display 屬性規(guī)定元素應該生成的框的類型。

• block 此元素將顯示為塊級元素，此元素前后會帶有換行符。

• inline 默認。此元素會被顯示為內(nèi)聯(lián)（行內(nèi)）元素，元素前后沒有換行符。

將行元素轉(zhuǎn)為塊元素

在行內(nèi)元素中設置display:block;就可以讓行內(nèi)元素變成塊級元素。

將塊元素轉(zhuǎn)為行元素

在塊級元素中設置display:inline;就可以讓塊級元素變成行內(nèi)元素。

示例：

	
		
		
			p{
				background: paleturquoise;
				display: inline;
			}
			span{
				background: paleturquoise;
				display: block;
			}
		
	
	
		
			
測試代碼 p標簽
			
測試代碼 p標簽
			測試代碼 span標簽
			測試代碼 span標簽
		
	

到此，相信大家對“css中行元素與塊元素怎么互相轉(zhuǎn)換”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)頁名稱：css中行元素與塊元素怎么互相轉(zhuǎn)換
網(wǎng)頁URL：http://fisionsoft.com.cn/article/godhpp.html