#このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。HTML で右揃えを実現する方法: 1. タグの align 属性、構文 "
" を使用します。 2. タグの style 属性を使用して、右揃えスタイル、構文「< ;element style="text-align:right">」。
htmlテキストの右揃え
方法 1: タグの align 属性を使用する
align 属性は、要素内のコンテンツの水平方向の配置を指定します。値を right に設定すると、コンテンツが右揃えになります。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>测试文本,测试文本</div> <div align="right">测试文本,测试文本</div> </body> </html>
方法 2: タグの style 属性を使用して右揃えのスタイルを追加します
style 属性は、要素のインライン スタイルを指定します。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>测试文本,测试文本</div> <div style="text-align:right;">测试文本,测试文本</div> </body> </html>
説明 | |
---|---|
テキストを左側に表示できます。デフォルト: ブラウザによって決定されます。 | #right |
center | |
justify | |
inherit | |
以上がHTMLで右揃えを実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。