ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。