首頁  >  文章  >  web前端  >  css max-width屬性怎麼用

css max-width屬性怎麼用

青灯夜游
青灯夜游原創
2019-05-30 15:25:303016瀏覽

css max-width屬性設定元素的最大寬度;不允許指定負值。此屬性會對元素的寬度設定一個最高限制;因此,元素可以比指定值窄,但不能比其寬。所有主流瀏覽器都支援 max-width 屬性。

css max-width屬性怎麼用

css max-width屬性怎麼用?

max-width屬性定義元素的最大寬度。

語法:

max-width: none|length|%|inherit;

屬性值:

##● none:預設。定義對元素的最大寬度沒有限制。

● length:定義元素的最大寬度值。

● %:定義基於包含它的區塊級物件的百分比最大寬度。

● inherit:規定應該從父元素繼承 max-width 屬性的值。

說明:此屬性會對元素的寬度設定一個最高限制。因此,元素可以比指定值窄,但不能比其寬。不允許指定負值。

註解:所有主流瀏覽器都支援 max-width 屬性。

css max-width屬性 範例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p {
				max-width: 400px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<p>这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。
		   这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。
	           这是一些文本。
		</p>

	</body>

</html>

效果圖:

css max-width屬性怎麼用

以上是css max-width屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn