免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

css中的margin-right怎么設置

本篇內容主要講解“css中的margin-right怎么設置”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css中的margin-right怎么設置”吧!

公司主營業務：網站設計制作、成都做網站、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳，提高企業的競爭能力。創新互聯是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創新互聯推出芒市免費做網站回饋大家。

在css中，margin-right的意思為“右外邊距”，是用于設置元素的右邊位置距離的一個外邊距屬性，其值允許設為負數，語法為“margin-right:邊距值;”；邊距值可以設置為關鍵字“auto”，也可是百分比的相對值，或固定邊距值。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中，margin-right的意思為“右外邊距”，是用于設置元素的右邊位置距離的一個外邊距屬性。

margin-right屬性設置元素的右邊距，屬性值可以是負數。如果我們需要同時設置元素的上下左右的外邊距，我們可以使用margin屬性來設置。

margin-right屬性語法格式：

margin-right:auto|length|%
值描述
auto瀏覽器設置的右外邊距。
length定義固定的右外邊距。默認值是 0。
%定義基于父對象總寬度的百分比右外邊距。

示例1：百分比的相對值

設置一個 p 元素的右邊距為容器寬度的 50%

<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.ex1 {
				margin-right: 50%
			}
		</style>
	</head>

	<body>

		<p>一個沒有指定邊距大小的段落。一個沒有指定邊距大小的段落。一個沒有指定邊距大小的段落。</p>
		<p class="ex1">一個右邊距為容器寬度的 50%的段落。一個右邊距為容器寬度的 50%的段落。一個右邊距為容器寬度的 50%的段落。一個右邊距為容器寬度的 50%的段落。一個右邊距為容器寬度的 50%的段落。</p>

	</body>
</html>

css中的margin-right怎么設置

示例2：設置固定值

設置一個 p 元素的右邊距為 50px

<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.ex1 {
				margin-right: 50px;
			}
		</style>
	</head>

	<body>

		<p>一個沒有指定邊距大小的段落。一個沒有指定邊距大小的段落。一個沒有指定邊距大小的段落。</p>
		<p class="ex1">一個右邊距為 50px 的段落。一個右邊距為 50px 的段落。一個右邊距為 50px 的段落。一個右邊距為 50px 的段落。一個右邊距為 50px 的段落。</p>

	</body>
</html>

css中的margin-right怎么設置

擴展知識：margin負值

負邊距即margin屬性的值設為負值，在CSS布局中時一個很有用的技巧。值為正的場景很常見，大家都很熟悉其表現

  • 當margin-top、margin-left為負值的時候，會把元素上移、左移，同時文檔流中的位置也發生相應變化,這點與position:relative的元素設置top、left后元素還占據原來位置不同

  • 當margin-bottom、margin-right設為負值的時候，元素本身沒有位置變化，后面的元素會下移、右移。

你遇到的情況這里應該都會包含：

  • 塊級元素設置 margin-top margin-bottom 都會發生位移，只不過設置 margin-bottom，會發生位移的是其后邊的元素;

  • 行內元素 設置margin-top margin-bottom 都不會發生位移,添加絕對定位(讓其脫離文檔流，比如浮動固定定位)，設置margin-top會發生位移; 改變vertical-align的設置（middle top），行內塊元素設置 margin-top margin-bottom 可以發生位移；

  • 設置 margin-left 塊級元素和行內元素都會發生位移，不同的是塊級元素后邊的內容不會發生位移，行內元素后的內容會發生位移(因為行內元素后的內容是跟它在同一行呀);

  • 塊級元素 設置 margin-right,自身寬度增加；行內元素 設置 margin-right，元素后邊的行內元素會根據數值位移

注：影響margin顯示效果的因素：display 定位機制 verticle-align

到此，相信大家對“css中的margin-right怎么設置”有了更深的了解，不妨來實際操作一番吧！這里是創新互聯網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！

網站標題：css中的margin-right怎么設置
分享網址：http://m.newbst.com/article40/gdspeo.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、Google、用戶體驗、網站設計公司、網站排名、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

搜索引擎優化