ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで最大幅を設定する方法

CSSで最大幅を設定する方法

藏色散人
藏色散人オリジナル
2021-04-19 09:33:556436ブラウズ

CSS の最大幅を設定する方法: 最初に HTML サンプル ファイルを作成し、次に本文の p タグを使用してテキスト コンテンツを設定し、最後に「max-width」を使用してテキスト段落の最大幅を設定します。 CSS の " 属性。

CSSで最大幅を設定する方法

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。

max-width は要素の最大幅を定義します。

説明

この属性値は、要素の幅の最大制限を設定します。したがって、要素は指定された値より狭くても構いませんが、幅を広くすることはできません。負の値は許可されません。

デフォルト値: none

継承: no

バージョン: CSS2

JavaScript 構文: object.style.maxWidth="50px"

可能な値

none デフォルト。この定義では、要素の最大幅に制限はありません。

length は、要素の最大幅の値を定義します。

% は、最大幅を、それを含むブロックレベルのオブジェクトのパーセンテージとして定義します。

inherit は、max-width 属性の値を親要素から継承することを指定します。

[推奨される学習:

css ビデオ チュートリアル ]

段落の最大幅を設定する:

<html>
<head>
<style type="text/css">
p
{
max-width: 300px
}
</style>
</head>
<body>

<p>这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。</p>

</body>
</html>

効果:


CSSで最大幅を設定する方法

以上がCSSで最大幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。