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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。