ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでテキストを移動する方法

CSSでテキストを移動する方法

藏色散人
藏色散人オリジナル
2021-01-18 09:56:349962ブラウズ

CSS でテキストを移動する方法: 1. ブロック要素コンテナーで、「text-align: center, left, right」を使用してテキストの位置を移動できます; 2. float 属性とpadding 属性を使用します。 ; 3. テキストの移動は、位置の配置によって実現されます。

CSSでテキストを移動する方法

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

推奨: css ビデオ チュートリアル

css のテキストの移動

まず、コンテナを使用してテキストをラップします。幅と高さを与えます。

その後、さまざまな方法を使用してテキストを移動できます:

1. ブロック要素コンテナー内にある場合は、text-align: center、left、right を使用して、文字の位置を移動します。

2. float を使用できます

3. パディングを使用できます

4. 位置配置を使用します

最初に設定された位置: 親要素に対する相対位置; 次に、移動する必要があるコンテナ内の位置を設定します: 絶対; 上、左、右、下の方向はできるだけ多くのピクセルである必要があります

例:

body{
width:900px;
height:600px;
position:relative;
}
div(这里是你要移动的容器){
width:200px;
height:123px;
position:absolute;
top:10px;
left:5px;
}

5。インライン要素コンテナー内にある場合は、 text-indent: 15px; を使用できます (これは段落のインデントです。段落の前に 2 つのインデントを使用できます)

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

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