CSSでフォントの位置を設定する方法

CSS でフォ​​ントの位置を設定する方法: 1. [text-align] 属性を使用してフォントの位置を設定します; 2. Position 属性を使用してフォントの位置を設定します; 3. パディングとマージンを使用しますフォントの位置を設定する属性。

このチュートリアルの動作環境: Windows10 システム、css3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

CSS でフォ​​ントの位置を設定する方法:

方法 1: text-align 属性を使用してフォントの位置を設定します

text-alignこの属性は、要素のテキストの水平方向の配置を指定します。

構文:

text-align : left | right | center | justify

text-align パラメータ値と説明:

• left: 左揃え

• #right: 右揃え

• center: 中央揃え

• justify: 両端揃え (推奨されません。通常、ほとんどのブラウザでは使用されません)

例:

p{
    text-align: left; /* 位置居左 */
    text-align: center; /* 位置居中 */
    text-align: right; /* 位置居右 */
}

方法 2:position 属性を使用してフォントの位置を設定します。

position 属性は、要素の配置タイプ。設定値が絶対値、相対値、または固定値の場合、上、右、下、左の属性を使用して配置できます。

p{
    position: fixed; /* 相对于浏览器窗口定位 */
    left: 100px;     /* 距离浏览器左边100px */
    top: 200px;      /* 距离浏览器上边200px */
}

方法 3: パディング属性とマージン属性を使用してフォントの位置を設定します

• margin属性により、すべてのマージンが設定されます。要素の幅、または両側のマージンの幅を設定します。

• padding プロパティは、要素のすべてのパディングの幅を設定するか、各側のパディングの幅を個別に設定します。

インラインの非置換要素に設定されたパディングは、行の高さの計算には影響しません。したがって、要素にパディングと背景の両方がある場合、視覚的に他の行に伸びて重なり合う可能性があります。他のコンテンツと一緒に。要素の背景はパディング全体に広がります。負のマージン値は許可されません。

例:

p{
    margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
    padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
}

#関連チュートリアルの推奨事項:CSS ビデオ チュートリアル##

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