CSSで単語の位置を変更する方法

CSS でフォ​​ントの位置を変更する方法: 1. text-align を使用してフォントの位置を設定します; 2. パディングとマージンを使用してフォントの位置を設定します; 3. text-indent を使用してフォントの位置を設定します。 4. スルー位置の設定 フォントの位置です。

この記事の動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター

css は text-align 属性を使用して設定できますフォント位置、テキスト - align 属性は、コンテンツの左揃え、右揃え、中央揃えなど、テキストの配置を設定するために使用されます。 CSS フォントの位置は、パディング、マージン、テキストインデント、および位置を設定することによっても実現できます。

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、パディング、マージン フォント位置の設定

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

margin 属性は、要素のすべてのマージンの幅、または各側のマージンの幅を設定します。

例:

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

3. text-indent はフォントの位置を設定します

text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを指定します。

例:

p{
    text-indent: 50px; /* 首行缩进50px */
}

4. Position はフォントの位置を設定します

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

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

【推奨学習: css ビデオ チュートリアル 】

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